When every browser but I.E. 7 shows your graphics:
- Try using the full url path to the graphic.
- Check your url. There should be a space after the url parentheses when you’re writing up the CSS style.
For example:
body{background: url (“http: mysite.com/images/mypic.gif”) 50% no repeat;}
There’s a keyboard space between the ending parentheses bracket and the “50%.”
You can stop pulling your hair out now. No need to go bald like me. Graphics will continue to show up in the other browsers, but this work-a-round will help with the finicky Internet Explorer.
Still have problems?
Another thing that IE likes is for each image to have a width and height specified. So if you’re still having problems, add these. Also, add display: block; to your CSS.
So for example, the typical CSS code for a clickable header image in IE for the Thesis theme would look as follows:
.custom #header #logo a{
background: url("http://myfullurl.com/image.jpg") no-repeat;
display: block;
width: 500px;
height: 200px;
border: none;
padding: none;
margin-left: auto; /*to center*/
margin-right: auto;
}