仅在IE9中出现动态HTML呈现问题

时间:2012-07-05 14:25:52

标签: html internet-explorer internet-explorer-9

我只在IE9中有这个讨厌的渲染问题,IE8& IE7与其他浏览器一样正常。

http://jsfiddle.net/65Zsv/

在IE9中打开演示并将鼠标悬停在图像上。问题是在IE9中,位于图像下方的文本会呈现伪影。

我能够通过强制IE9进入IE8兼容模式来解决这个问题,但这仍然困扰在我的脑海中,我正在寻找一个真正的解决方案。

P.S。我没有安装IE10,我想知道这个bug是否会存在......

1 个答案:

答案 0 :(得分:1)

可以通过将文本包装在块级标记中来解决此错误。像这样更新你的小提琴并且bug消失了:

<html>
<head></head>
<body>
<div class="itemBtn"><img src="http://a3.mzstatic.com/us/r1000/029/Video/ad/b9/e4/mzi.sporozgs.100x100-75.jpg"><br>    <p>IIII THIS IS SOME CRAZY TEXT</p></div></body>
</html>

我不知道&lt; body&gt;中有关文字的规则tag,但我认为它必须在某个时刻处于块级元素中。它可能更多的是无效标记而不是MS错误。