swatchwatch — 2011-05-18T04:37:48-04:00 — #1
The DIV is defined as follows :
var docEl = document.getElementById('outerscreen'); docEl.style.backgroundImage = "url('pics/intro.gif')";
My problem arises where this function works perfectly on IE but fails for Chrome, FF and Safari.
Can anyone shed any light on what the problem is and how I might be able to resovle this.
Thanks in advance Chris
chris_upjohn — 2011-05-18T05:13:23-04:00 — #2
Its hard to say whats going wrong as the code you posted should be 100% perfect in all browsers. Is there a demo link you could share with us?
swatchwatch — 2011-05-18T05:16:25-04:00 — #3
he website is here frances-white.com it works just dandy in IE, however when in Chrome or FF the image does not load.
Because i have a redirect on the URL it may be better seen here http://www.whitecoles.co.uk/lifecoaching/
The source code in question appears on line 12 - 13 or there abouts
chris_upjohn — 2011-05-18T05:35:56-04:00 — #4
I had a quick look and the background color for #mainscreen is the reason why nothing is appearing, simply remove the background color and the image will appear.