IE8在定义大高度属性时不能正确显示Img元素

时间:2011-04-18 21:52:55

标签: html css internet-explorer-8

我有一个像以下

的图像元素
<img src="someImage.jpg" height="26136" width="918" />

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

1 个答案:

答案 0 :(得分:3)

在评论中,我制作了这张测试图片:

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

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

此测试具有您描述的行为:

http://jsfiddle.net/K5ydt/

我一直在调整height以试图找到限制。当我使用16000但不使用17000时,我尝试了数字16384,这是某些整数数据类型的最大值(或类似的东西,我不记得究竟是什么。)

果然:

我找不到“修复”这个的方法,可能没有。我认为你必须改为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高图像。