定义大高度属性时，IE8 无法正确显示 Img 元素

Question

我有一个像下面这样的图像元素

<img src="someImage.jpg" height="26136" width="918" />

在 IE8 中，此图像无法正确呈现。渲染图像的高度被压缩到看起来像 1 个像素的高度。但是，如果我改为通过 CSS 样式设置高度，则图像会正确呈现。

Answer 1

正如评论中所说，我制作了这张测试图片：

http://i.stack.imgur.com/M2Olq.jpg - 我不会在这里内联它:)

我正在使用真正的 Internet Explorer 8 / Windows 7 进行测试。

这个测试有你描述的行为：

http://jsfiddle.net/K5ydt/

我不断调整height 以尝试找到限制。当我开始使用16000，但不使用17000 时，我尝试了数字16384，这是某些整数数据类型的最大值（或类似的东西，我不记得确切是什么)。

果然：

• 16384 works。
• 16385 does not work.

我找不到“修复”此问题的方法，而且可能没有。我认为您必须改为use this：

<img src="http://i.stack.imgur.com/M2Olq.jpg" style="width:918px; height: 26136px" />

另外，not specifying dimensions 有效：

<img src="http://i.stack.imgur.com/M2Olq.jpg" />

---

有趣的是，IE9 似乎也遇到了同样的问题。

我使用http://ipinfo.info/netrenderer/ + http://fiddle.jshell.net/K5ydt/show/light/ 进行了测试 - 结果：1px 高图像。