IE瀏覽器在FLOAT左類中不顯示圖像..在Chrome和Firefox中工作

Question

我的問題是在IE中（版本11和Vista上的一些舊版本）。頁面holzhandel.cz在IE中不顯示圖像在鉻和狐狸）。這是非常簡單的頁面，類只是左浮動和簡單的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