ie6/7下给table的行tr 添加position:relative;的奇特bug,求大神告知

转载于 2014-09-15 18:35:00 发布 · 310 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yc-code/p/3973377.html

本文探讨了一个在IE6和IE7浏览器中出现的奇特bug：当table的行(tr)设置为position:relative时，会出现焦点重合的问题。通过对比IE8的表现，寻求解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：

<!DOCTYPE html>
<html>
<head>
    <title>ie6/7下给table的行tr 添加position:relative;的奇特bug,求大神告知</title>
    <style>
        * { padding: 0; margin: 0; }
        table tr { position: relative;float:left;overflow:hidden;z-index:1;height:100%;width:100%;
        }
    </style>
</head>
<body>
    <table>
        <tr><td>1</td><td>2</td></tr>
        <tr><td>3</td><td>4</td></tr>
    </table>
</body>
</html>

ie8见图：