图片出现在 Chrome 中，但不在 IE 中答案

【问题标题】：Images appear in Chrome, but not in IE图片出现在 Chrome 中，但不在 IE 中
【发布时间】：2013-09-23 17:41:24
【问题描述】：

今天早上收到了这个网站的小宝石。该网站在 Chrome 中运行良好，但 IE9 似乎有点问题。

在 IE9 中查看时，横幅和 4 个链接按钮会以某种方式“消失”。它们短暂地出现了一秒钟，然后POOF！走了！

位于此处： http://www.cityplaceselfstorage.com/Calidus/calidus.html

它们似乎都是img src标签如下：

          <div class="tinyText"
               style="height: 129px; left: 97px; position: absolute; top: 158px; width: 215px; z-index: 1; ">
              <img usemap="#map1" 
                   id="shapeimage_1"
                   src="Calidus_files/shapeimage_1.png" style="border: none; height: 135px; left: -5px; position: absolute; top: -3px; width: 225px; z-index: 1; "
                  alt="Calidus" title="" />
              <map name="map1" id="map1">
                  <area href="Calidus_Profile.html"
                        title="Calidus_Profile.html" alt="Calidus_Profile.html"
                        coords="5, 3, 220, 132" />
              </map>
          </div>

当然，css 文件中没有“tinyText”类。但是，当删除其中一个 div 标签内的引用时，图像也不会出现。

更奇怪的是，当我在本地打开 html 文件时，图像出现在 IE 中。

谁能告诉我可能发生了什么？

谢谢，杰森

【问题讨论】：

你能提供一个SSCCE吗？
IE 不适用于负位置

标签： html image web

【解决方案1】：

经过半详尽的搜索，我发现有人声称 IE 不喜欢 .png 图像。所以我将它们全部转换为 .jpg 格式。

图像在 IE9 中显示良好，只要它们是 jpg 的。

仅供参考

【讨论】：

我正想问你是否清除了浏览器缓存？当我测试该网站时，图像显示得很好。我想知道自从您更改为 JPG 后，它们开始出现了。