css - 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 需要一个已定义width的 on<img>并且只需要整数。

<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 */
}