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>
百度SAMA
12 years, 1 month ago