IE不会在FLOAT左侧类中显示图像..适用于Chrome和Firefox

Question

我的问题是在IE（版本11以及Vista上的一些旧版本）..页面holzhandel.cz不会在IE中显示图像（在chrome和fox中）。它是非常简单的页面，类只有左侧浮动和简单的img标记。

（css文件）

.pic img{
    height: 600px;
    width: 100px;
}

（代码）

<div id="lg-5">< /div>
<div id="lg-3" class="pic">
<img src="images/1.jpg">
</div>

有什么想法吗？

谢谢

Answer 1

问题来自.pic类，因为您使用的是css3属性display: initial;，IE不支持。

更确切地说，在样式表formate.css中，行390具有以下规则：

.pic {
    display: none;
}

然后，在第395行，此规则将在媒体查询中被覆盖：

@media (min-width: 500px) {
    .pic {
        display: initial;
    }
}

在IE和其他CSS3不兼容的浏览器中不受支持。

所以我的建议是使用display: block;，如下所示：

@media (min-width: 500px) {
    .pic{
        display: block;
    }
    ....
}

您可以在此处阅读有关此css display: initial;属性的更多信息： https://developer.mozilla.org/en-US/docs/Web/CSS/initial