为什么IE7不显示图片？答案

【问题标题】：Why is the image not showing in IE7?为什么IE7不显示图片？
【发布时间】：2010-04-28 15:06:16
【问题描述】：

我在这个page 的蓝色条形区域中有一张图片。它在 FF、Safari、IE8 和 Chrome 中显示良好，但在 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 中正确显示。

谢谢！

【问题讨论】：

标签： internet-explorer internet-explorer-7 css

【解决方案1】：

在你的 HTML 中的几行下面有：

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

...这意味着所有其他浏览器都使用Water.css 作为样式表，但IE 使用style-ie.css。既然您说它适用于 IE8，那么问题可能出在您确定浏览器版本的代码中。

【讨论】：

我已更正了对 IE 特定样式表的引用，但图像仍然隐藏。
更改z-index 属性，也许？为 z-indexes 使用“9”和“10”似乎很神奇。也许 IE7 对您的页面有不同的默认分层。
分别设置为 100 和 200 没有任何不同的结果。
我的想法到此结束。如果您可以将其简化为一个简单的 HTML 页面（使用 CSS）来演示问题（没有任何外部链接），那么有人很容易找出并修复。

【解决方案2】：

我在处理来自客户的图像材料时遇到了同样的问题。我收到了大约 10 张图片，其中两张都可以正常工作，但我无法弄清楚为什么 IE 会这样（没有显示 404 或任何东西）。

原来这两个行为不端的图像是用 CMYK 颜色保存的，而其他的则是 RGB。在 Photoshop 中转换它们，砰，工作。

因此，如果有人遇到此问题，您可以尝试一下。白痴客户端，白痴IE。

【讨论】：

【解决方案3】：

我通过用 PNG 格式替换 JPG 图像解决了这个问题

【讨论】：