【问题标题】：Dynamic HTML rendering issue in IE9 only仅在 IE9 中出现动态 HTML 渲染问题
【发布时间】：2012-07-05 23:29:31
【问题描述】：
我只在 IE9 中遇到了这个令人讨厌的渲染问题，IE8 和 IE7 与其他浏览器一样工作正常。
http://jsfiddle.net/65Zsv/
在 IE9 中打开演示并将鼠标悬停在图像上。问题在于，在 IE9 中，位于图像下方的文本呈现出伪影。
我能够通过强制 IE9 进入 IE8 兼容模式来解决该错误，但这仍然卡在我的脑海中，我正在寻找真正的解决方案。
附注我没有安装 IE10，不知道这个 bug 会不会也有...
【问题讨论】：
标签：
html
internet-explorer
internet-explorer-9
【解决方案1】：
可以通过将文本包装在块级标签中来解决此错误。像这样更新你的小提琴，错误就消失了：
<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>
我不知道
标签中的文本规则，但我认为它必须在某个时候出现在块级元素中。这可能更像是无效标记而不是 MS 错误。