I have several background images (not PNG files) that are not showing in IE.

I am not sure what to do...I tried adding zoom: 1 or display: inline-block to my style:

.home

But that doesn't seem to trigger anything...

  • Can you post relevant part of your html and css code ? It would help to find what may be the problem. Gabriel over 6 years ago
  • In particular: .home { background-image:url('images/header_home.jpg'); background-position: top center; background-repeat: no-repeat; } redconservatory over 6 years ago
  • And the class home is applied on what html element? And the problem is in which version of IE? Gabriel over 6 years ago
  • It's on the body tag on the home page. IE6...thanks! redconservatory over 6 years ago

1 answer

1
point

Your paths are wrong...

IE6 is being told by the conditional comment loaded ie6.css:

.home {
     background-image:url('images/header_home.jpg');
     background-position: top center;
     background-repeat: no-repeat;
     height: 600px;
}

and interpreting that as: http://starportraits.ca/wordpress/wp-content/themes/starportraits/css/images/header_home.jpg

which I imagine is not the one you want?

http://starportraits.ca/wordpress/wp-content/themes/starportraits/images/header_home.jpg

looks more like it?

ie6.css is in a sub directory, so you need to change the urls in there to:

background-image:url('../images/header_home.jpg');

to match the ones in style.css

Answered over 6 years ago by Tony Crockford