代码之家  ›  专栏  ›  技术社区  ›  Pierce Colman

IE8上没有显示图像-与宽度属性相关?

  •  0
  • Pierce Colman  · 技术社区  · 10 年前

    我在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>
    

    类“sr_image”不做任何事情,所以尝试忽略它。

    据我所知,它应该起作用。任何能帮忙的人都将不胜感激。

    3 回复  |  直到 10 年前
        1
  •  0
  •   Nielsb    10 年前

    也许这行得通

    <!--[if lt IE 8]>
    <style type="text/css">
        a img { display: inline; }
    </style>   
    <![endif]-->
    
        2
  •  0
  •   Auguste    10 年前

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

    有关如何解决问题的信息,请查看以下链接:

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

        3
  •  0
  •   Pierce Colman    10 年前

    好了,伙计们,现在起作用了。问题似乎是 包围它的div的width属性 使用类“listing_thumb”。这显然需要设置一个宽度,因为内部没有提供容器宽度信息(需要静态像素宽度)。

    发件人:

    .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的宽度财产。