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

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

internet-explorer-8 image asp.net css

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 年前

Nielsb 10 年前

也许这行得通

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

Auguste 10 年前

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

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

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

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

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

5 月前

Mass · 如何在Tailwind CSS v4中创建配置

5 月前

magenta placenta · 将css变量合并为一个变量

5 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

5 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

6 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

6 月前

Luckkks · 过渡色工作不正常

6 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

6 月前