图像未显示在 Internet Explorer [关闭]答案

【问题标题】：images are not showing up in internet explorer [closed]图像未显示在 Internet Explorer [关闭]
【发布时间】：2013-06-01 00:13:34
【问题描述】：

您好，我正在创建一个产品列表，它在所有浏览器中都可以正常工作，但在 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

【问题讨论】：

width 和 height 的 HTML 完全没有必要。height 和 src 之间缺少空格可能是造成这种情况的原因。
233 Errors, 75 warning(s)
在 IE 中我得到消息：对象不支持此属性或方法行：11 字符：405 代码：0 URI：findyogi.com/scripts/less-1.0.21.min.js
IE是哪个版本的？还是所有版本？
@AndrewPeacock 我已经在 ie9 和开发人员工具中尝试过，如果检查了 ie7,8,9 veiw...

标签： jquery html css internet-explorer

【解决方案1】：

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

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

【讨论】：

谢谢先生，非常感谢你救了你一命.. :)

【解决方案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 的东西，但只是一个好习惯）

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

【讨论】：