Question

嗨我正在创建一个产品列表，它可以在所有浏览器中正常工作但在IE中图像没有显示出来。以下是我的代码：

图片容器：

<div class="image-container">
  <div class="height"></div>
  <img class="prod-image" width="auto" height="auto"src="xyz.jpg">
</div>

的CSS：这个重置：

*{margin:0px;
  padding:0px;
  border:0px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:100%;
  float:left;
  vertical-align:baseline;
}
.image-container *{
  float:none;
  display:table;
}
.image-container{text-align:center;}
.prod-image {
    max-width: 150px;
    max-height: 150px;
    vertical-align: middle;
    float: none;
}

产品的图片没有出现在IE浏览器中，但在其他浏览器中工作正常请帮助我:(以下是在线网站的链接： Here

Answer 1

您需要从auto的宽度和高度属性中删除<img>值，它们会按预期显示出来..使用auto这些属性实际上无效用HTML格式

http://linenwoods.com/images/IE.jpg

Answer 2

你应该改变这个：

<img class="prod-image" width="auto" height="auto"src="xyz.jpg">

对此：

<img class="prod-image" src="xyz.jpg" alt="" />

改变了三件事：

摆脱width="auto"和height="auto"（不必要，auto是无效值）
在src之前有一个空格（可能IE正在咆哮）
使用/（xHTML，但只是一个好习惯）关闭最后的标记

这将符合公认的标准，并且会有效。

图像未显示在Internet Explorer中

2 个答案: