Internet Explorer不顯示網頁上的圖像

Question

我構建了一個可在firefox，chrome和safari上運行的網站，但是當我在Internet Explorer中打開它時，什麼都沒有顯示出來。我究竟做錯了什麼？這是幾個不同的圖片，但對於一個標記如下：

<div id="thepic"> 
<img src="images/chairs.png" alt="" height="600px" width=""> <br /> 
</div><!-----------------CLOSES THE PIC------------> 

#thepic{ 
float:left; 
margin-top:190px; 
margin-left:-100px; 
} 

Answer 1

IE需要在<img>定義width，預計只有整數。

<img src="images/chairs.png" alt="" height="600" width="600">

然後在你的CSS：

#thepic{ 
float:left; 
margin-top:190px; 
margin-left:-100px; 
} 

#thepic img { 
height: 600px; /* force height to 600px */ 
width: auto; /* auto calculates the width ratio using 600px height */ 
}