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

您应该尽量使网站上的图像文件尽可能小，因为这在很大程度上会影响访问者的体验。