Question

请帮忙，

背景图片没有在IE中显示，但在safari中一切都很完美。

我已经检查过W3C CSS验证和html验证，一切正常。

有什么问题？

http://www.applezone.com.hk/newrx/

body
{ 
/*background-color:#eee;*/
font-family:Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
background:url(images/bg_line.JPG);
background-repeat:repeat-x;
}

p
{
    font-size:12px;
    color:#999999;
    line-height:160%;
}

#container
{
    width:1050px;
    background:url(images/bg.JPG) no-repeat;

    margin-top:0px;
    margin-left: auto;
    margin-right: auto;
    padding-left:150px;
    padding-top:220px;

}

Answer 1

jpg文件有问题。 IE8无法呈现它们。也许您使用的是JPEG2000格式？

如果您尝试在IE8中加载“http://www.applezone.com.hk/newrx/images/bg.JPG”，您将只获得一张损坏的图片图标。我下载了文件并从硬盘上打开了，得到了相同的结果。

尝试在GIMP或PhotoFiltre等编辑器中加载图片并重新保存（使用另存为）

我尝试使用PhotoFiltre并使用90％的质量设置重新保存。尺寸急剧下降（约为原版的8％而没有明显的质量损失），IE8现在可以打开它！

您应该尝试在网站上尽可能减少图片文件，因为这会极大地影响访问者体验。

Answer 2

了解您正在使用的IE版本会有所帮助。在IE7中，您的代码适用于我。总之...

background:url(images/bg_line.JPG);

请改为尝试：

background-image:url('images/bg_line.JPG');

您正在使用根据标准有效的background速记，但您使用的任何IE版本都不支持您使用它的方式。 IE也可能期望引用文件名，正如我为你所做的那样。

CSS背景图像不显示在IE中

2 个答案: