在IE7中图片无法渲染（但在IE6 / Firefox中正常工作）

Question

某些图片在IE7中出现问题，但在IE6和所有版本的Firefox中都能正常工作。

有人遇到过这种情况吗？我知道以前也发生过这种情况（并且我查了一下修复方法，但是可恶的是我找不到它的修复方法...自己要记好这样的事情以备将来；) )

<div class="contextBlock">
<p class="cntImg"><a href="files/image.jsp" title="Image"><img src="files/images/image.jpg" alt="Image" width="171" height="96" border="0">Image</a></p>
<p class="cntImg"><a href="files/image2.jsp" title="image2"><img src="files/images/image2.jpg" alt="Image2" width="171" height="96" border="0">Image2 </a></p>
<p class="comment">Click to enlarge</p>
<div class="clr"></div>

- Kalla

Answer 1

我之前遇到过这种问题，当我们网站上上传的图片是CMYK格式的JPEG时，Internet Explorer会显示为小红叉，但Firefox会正常显示（至少从版本3开始，不确定早期版本）。

请问您能发布contextBlock，cntImg和clr的css规则吗？过去我遇到的另一个“有趣”的IE问题是，图像会消失在文本块后面，而该文本块具有IE不喜欢的css样式，因此我想知道这是否适用于您的情况。

- PConroy

Answer 2

非常好的思路PConroy。我们试图调试Web应用程序，但是图片没有显示出来。确实，这是RGB / CMYK问题。IE 7不渲染CMYK格式的JPG文件。

- Warren

Answer 3

以下两点或许能帮到您：

1. 请使用 /> 来关闭您的 img 标签
2. 尝试去掉链接中的文本

您的链接应该长成这个样子：

<a href="files/image.jsp" title="Image">
  <img src="files/images/image.jpg" alt="Image" width="171" height="96" border="0" />
</a>

可能是由于您的DOCTYPE引起的。希望这可以帮助解决问题。

- Eric Wendelin

Answer 4

查找图像的颜色空间： < p > < code > identify -verbose MattCutts.jpg | grep Colorspace

< p > 颜色空间：CMYK

然后，将图像转换为RGB颜色空间（也可以使用*.jpg等）。 < p > < code > mogrify -colorspace rgb MattCutts.jpg

- bgcode

Answer 5

我以前在我的机器上使用IE7本地运行页面时也遇到过类似的问题。这可能是问题所在。

- Aros

Answer 6

图片的空间是否已分配，但是图片尚未显示？

可能是页面上的其他标记覆盖了应该出现图片的空间吗？

您是否熟悉IE的Web Developer工具栏？

我认为很可能是图片已被呈现，但由于其他内容遮挡或容器标记的原因导致无法看到。

祝好运。

- YonahW