Solved background image not displayed in ie7 or ie8

[Joemanu]

Hi everyone.

I am having a problem with ie7 and ie8.

I have a prestashop site vespaloco.com which is 980px wide. I have a background image of 1200px wide. It has a white center and 2 border images of 110px each side.

In my global css. i have

 

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:url("../img/vespaloco.jpg") top center repeat-y scroll #000;

}

 

this works fine in Firefox and Chrome IE9 but does not work in ie7 or ie8.

In the developer tools in ie8 it shows the path of the background image so it has read it but does not display.

 

I have tried removing as much as possible to test in ie7 and 8

example..

 

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:url("../img/vespaloco.jpg");

}

 

Even this doesn't work, i have tried background-image:url("../img/vespaloco.jpg");

placing a space between the : and the url.

changed the path, but nothing works with ie7 or ie8.

 

PS i am using prestashop 1.5.4 I had the same problem with 1.5.3 plus additional thumbnail errors with 1.5.3 which was fixed with the update.

 

If anyone can help me it would make me very happy.

If any additional code is needed let me know.

 

Thanks

Edited April 17, 2013 by Joemanu (see edit history)

[PascalVG]

Try if this helps:

Add this:

background-color:transparent;

 

Let me know,

Pascal

[Joemanu]

Hi Pascal.

 

Thanks for your reply

 

Added the line and it removed the black background but the background image still does not appear.

 

I have read in other forums (unrelated to prestashop) where some jquery scripts can mess up ie7 and 8. But I am using a straight copy from the default theme and made it a single column on the home page. All the rest is default so I would have thought lots of people would be having problems if that was the case.

 

It seems such a simple bit of code I cant see where I have gone wrong.

[PascalVG]

This maybe?

http://stackoverflow.com/questions/9342006/background-image-doesnt-show-in-ie7-and-ie8

[Joemanu]

Hi Pascal.

Tried your suggestion but could not get it to work in ie7 or 8.

I went for a different approach and installed prestashop 1.4.9 and tried with that with a default css, still it didnt work.

I change the image for another in the img folder and it worked. Put it back to my image and it disapeared.

I opened the image in an image editor and just saved it again without making any alterations and it now works.

Something must have gone wrong with the original image that only ie7 and 8 didnt like. But since the saving of the image it loads faster than before in FF and chrome.

 

Thanks for your replys