2010-04-28 58 views
1

我在蓝色栏区域的page上有图片。它在FF,Safari浏览器,IE8 & Chrome中显示得很好,但它并没有显示在IE7中。为什么图像不能在IE7中显示?

下面是HTML:

<div id="featuredImage"> 
    <img src="images/website_design_charlotte.jpg" width="960" height="159" alt="" /> 
</div> 

这里是CSS:

#featuredImage { position: absolute; z-index: 9; top: 129px; left: 0; } 
#featuredImage img { width: 986px; height: 159px; position: relative; z-index: 10; } 

希望得到一些帮助,让这个在IE7中正确显示。

谢谢!

回答

1

几行HTML中下来,你有这样的:

<!--[if IE]> 
    <link rel="stylesheet" type="text/css" href="styles/style-ie.css" /> 
<![endif]--> 

...这意味着所有其他浏览器使用Water.css的样式表,但IE使用style-ie.css。既然你说它为IE8工作,问题可能在你的代码,确定浏览器版本。

+0

我已更正对IE特定样式表的引用,但图像仍保持隐藏状态。 – fmz 2010-04-28 15:29:28

+0

更改'z-index'属性,也许?使用“9”和“10”作为z-indexes似乎很神奇。也许IE7有一个不同的页面默认分层。 – MusiGenesis 2010-04-28 15:37:13

+0

分别设置为100和200,没有任何不同的结果。 – fmz 2010-04-28 16:15:33

0

我用PNG格式替换JPG图像

1

我遇到了同样的问题,从客户端的图像材料工作时固定了这个问题。我收到了大约10张图片,其中所有图片都运行正常,但是我无法弄清楚为什么IE的行为如此(没有显示404或任何其他内容)。

原来这两个行为异常的图像是用CMYK颜色保存的,其他图像是RGB。在Photoshop中转换它们,砰砰作响。

所以,如果有人遇到这个问题,你可以试试。白痴客户端,白痴IE。