IE9浏览器bug，鼠标经过div的style="overflow: auto下的table，div会不断长高。
复制到html文件里，用IE9打开，就可以观察到bug了。
<!DOCTYPE html>
<html>
<head>
<title>IE9 bug</title>
<style type="text/css">
tr:hover {
color: #333333;
/*这属性有效*/
/*background-color: #ffffff;*/
/*vertical-align: inherit;*/
/*border-color: inherit;*/
/*这属性无效*/
/*display: table-row;*/
}
</style>
</head>
<body>
<!-- IE9下div元素的overflow值为visible -->
<div id="IE9" style="overflow: auto;">
<table style="width: 2000px;">
<tbody>
<tr>
<td><input type="checkbox" /></td>
</tr>
<tr>
<td><input type="checkbox" /></td>
</tr>
<tr>
<td><input type="checkbox" /></td>
</tr>
<!--这些标签也有问题<tr>
<td><input type="text"/></td>
</tr>
<tr>
<td><button type="button">button</button></td>
</tr>
<tr>
<td><input type="radio"/></td>
</tr>
<tr>
<td><input type="button" value="button"/></td>
</tr> -->
</tbody>
</table>
</div>
<div style="background-color:#ff0000">red background</div>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
看这里把