where are my background images in IE8?

[shamai]

so today for the first time i opened my website in internet explorer using ie8 and discovered half my images won’t show up…

my css background declarations are all the same:

background: url(images/something.png) no-repeat;

‘images’ is a folder and i don’t put a slash before it cause apparently then it doest work in any browser… I’m never sure when to put a slash before and when not….
i think there is a difference between OS. i mean i know linux uses forward slashes while windows uses back….

interestingly on my contact page the navigation buttons show up…nice for change…weird….

[TheDoc]

Do you have a link to your site…?

The slashes mean different things, but none of it has to do with the OS.

/images = absolute root, folder called images
images = folder called images in the current directory
../images = folder called images in the directory one closer to the root from the current directory
../../images = two folders closer to the root from the current

[shamai]

its not finished…. all the portfolio pieces are the same for now…just so you know…

here i just bought the domain and everything yesterday…
baseshamai.com

[TheDoc]

You are using HTML5 elements that IE8 and below doesn’t know how to handle.

You could use something like this: http://code.google.com/p/html5shiv/

[shamai]

but the background images- it knows?
thats not new?
oh its in a nav? nav is a new element… so is header

[TheDoc]

Exactly.

[shamai]

well i hope it works…
your a good doctor

[shamai]

ok so now my navigation links show up in ie but nothing else…
the top fabric pattern image is not there and any image with position:relative or absolute won’t either show up…

see blank page here. (there should be images)
baseshamai.com/cityharvest.html

also ie6 is a total mess and doesn’t even accept my query cycle plugin for my portfolio slideshow

[shamai]

ok i know the problem but i don’t know the fix

all the images that are not showing up are using css3 multiple backgrounds
like this
background: url(blah.png), url(‘blahblah.jpg’);

how can i make multiple background on one element work in ie6, 7 and 8?

and then there is my slideshow which doesn’t work at all in ie6 and 7

[TheDoc]

From HTML5Please:

“Multiple backgrounds will be completely ignored when they aren’t supported. If you can make do with a simple background color, make sure to declare background-color: before you start using multiple backgrounds. Alternatively, you can also set an image as a background with background-image and override it with a second background declaration. We strongly recommend you don’t polyfill this.”

http://html5please.us/

[Author]

Posts