CSS背景图像不显示在IE中

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现在可以打开它!

您应该尝试在网站上使图像文件尽可能小,因为这会极大地影响访问者体验.