Internet Explorer不在网页上显示图像

时间:2013-10-29 23:23:42

标签: css image internet-explorer

我建立了一个在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;
}

1 个答案:

答案 0 :(得分:0)

IE在width上需要定义<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 */
}