IE8上没有显示图像 - 与width属性相关？

Question

我正在使用GunsAmerica.com，一些使用IE8的用户注意到（非常厌恶）图片没有出现在我们的列表中。我正在使用Browserstack.com进行测试，并可以确认这个恶作剧。您可以在主页http://www.gunsamerica.com

上看到问题

以下是图片的CSS：

    .listing-thumb img, .listing-thumb > a > img {
      height:auto;
      width: 170px;
      display:inline;
      max-width: 100%;
    }

以下是列出图片html的示例：

<div class="listing-thumb">
            <a href="/945864089/CSC_ARMS_Elite_Model_2014_5_56_223_1.htm" alt="CSC ARMS " elite="" model"="" 2014="" 5.56="" .223="" 16""="" title="CSC ARMS " class="sr_image"><img itemprop="image" alt="CSC ARMS " elite="" model"="" 2014="" 5.56="" .223="" 16""="" src="/UserImages/142343/945864089/wm_md_6737932.jpg"></a><br>

        </div>

班级＆＃34; sr_image＆＃34;什么都不做，所以试着忽略它。

据我所知，它应该有效。任何可以提供帮助的人都将不胜感激。

Answer 1

也许这有效

<!--[if lt IE 8]>
<style type="text/css">
    a img { display: inline; }
</style>   
<![endif]-->

Answer 2

关于使网站与IE8兼容的解决方案将是暂时的，因为无论如何微软都将摆脱它。

请查看以下链接，了解有关如何解决问题的信息：

http://www.codeproject.com/Articles/310368/Make-Site-Compatible-to-IE-IE-IE-and-IE

Answer 3

好吧，伙计们现在正在工作。似乎问题是包含它的div的宽度属性与类＃34; listing_thumb＆＃34;。这显然需要设置宽度，因为内部没有给出容器宽度信息（所需的静态px宽度）。

发件人：

.listing-thumb {
margin: 0px 10px;
display: inline;
float: left;
max-height: 119px;
overflow: hidden;
}

要

.listing-thumb {
margin: 0px 10px;
display: inline;
float: left;
max-height: 119px;
overflow: hidden;
width: 170px;
}

所以你有人。如果您已经耗尽所有其他可能性，请确保所有封闭容器都具有支持内部html的宽度属性。