当前位置：首页 → 问答吧 → IE9渲染的一个杯具

IE9渲染的一个杯具

时间：2010-09-17

来源：互联网

IE9刚出来.回家激动的装了下.测试代码时.惊奇的发现一个不兼容问题(不知道是bug还是渲染方式不一样)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <style type="text/css"> body { font-size:14px; font-family:Tahoma, simsun, sans-serif; } a:hover { text-decoration:underline; color:#009; } .bt { font-size:14px; display:inline-block; } .on .bt { background-color:#000; } .on p { display:block; } p { display:none; } </style> </head> <body> <div onmouseover="this.className='on'" onmouseout="this.className=''" style="width:200px; border:1px solid #d7d7d7; padding:10px; margin:100px auto;"> <a href="#" class="bt">哎..IE9-----IE6的翻版</a><br/> <p style="height:100px; width:100px; background-color:#000;">fasdfasdf</p> </div> </body> </html>
提示：您可以先修改部分代码再运行

异常:
FF.chrome,IE6-IE8(表现一致):当鼠标划入边线里时.文字背景会变成黑色.不论鼠标放在什么地方,都一样的效果.
IE9(beta): 当鼠标放在a标签上时.a标签上的背景色却消失了

作者: stri 发布时间: 2010-09-17

昨天也发现一个问题，设置的line-height却没有效果。

毕竟是beta版，耐心等等吧。

作者: yoom 发布时间: 2010-09-17

没win7
目前只能看文章了解了

作者: ONEBOYS 发布时间: 2010-09-17

据说IE9是最标准的，比firefox之类都更严格。
你这个是不是js冒泡相冲了，比如移到a标签上的时候触发了父标签了onmouseout事件。

作者: zhutianyi 发布时间: 2010-09-17