CSS背景图片不在IE中显示

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; 

}

来源

2011-09-26 JBL

在IE9中正常工作。 –

jpg文件有问题。 IE8无法呈现它们。也许你正在使用JPEG2000格式？

如果您尝试在IE8中加载“http://www.applezone.com.hk/newrx/images/bg.JPG”，您将只会看到一个破碎的图片图标。我下载了文件，并从硬盘驱动器打开它，得到了同样的结果。

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

我PhotoFiltre尝试并使用90％的质量设置，重新保存它。尺寸大幅下降（大约8％的原始质量没有明显的损失），IE8现在能够打开它！

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

来源

2011-09-26 04:36:31

我看到你得到它修复:-) –

非常感谢你:) – JBL

没问题。乐意效劳！ –

这将会是帮助知道你使用的是什么版本的IE。你的代码在IE7中可以正常工作。反正...

background:url(images/bg_line.JPG);

试试这个：

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

您使用的是background速记根据标准，它是有效的，但有可能你使用任何版本的IE没有按” t支持你使用它的方式。 IE也可能期望文件名被引用，就像我为你所做的那样。

来源

2011-09-26 04:21:12 Anson

我用同样的方法在本网站上添加背景http://www.clickbuya.com/，但它可以在我的IE浏览器中显示出来。（我使用IE8） – JBL

CSS背景图片不在IE中显示

回答

相关问题