1

嗨，我正在创建一个产品列表，它在所有浏览器中都可以正常工作，但在 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 中，但在其他浏览器中它工作正常请帮助我:(以下是在线网站的链接： 这里

4

2 回答 2

4

您需要auto从 上的 width 和 height 属性中删除值，<img>它们会按预期显示.. 使用auto这些属性实际上在 HTML 中是无效的

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

于 2013-05-31T16:11:07.137 回答
2

你应该改变这个：

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

对此：

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

改变的三件事：

  1. 去掉width="auto"and height="auto"（不必要，并且auto是无效值）
  2. src在( 可能 IE 对此咆哮)之前有一个空格
  3. /用（一个 xHTML 的东西，但只是一个好习惯）在最后关闭标签

这将符合公认的标准，并且会起作用。

于 2013-05-31T16:13:34.127 回答