不自重者,取辱。不自长者,取祸。不自满者,受益。不自足者,博闻。

在IE6下,对haslayout的处理,存在一个非常诡异的bug,直接导致浏览器崩溃!


代码片段1:

<a href="#">aaaa</a>

现象:鼠标滑过时不影响<a>标签的haslayout属性。正常


代码片段2:

<style type="text/css">
    a:hover{zoom:1;}
</style>
    
<a href="#">aaaa</a>

现象:鼠标滑过时触发<a>标签的haslayout属性。正常


代码片段3:

<a style="position:absolute;" href="#">aaaa</a>

现象:鼠标滑过时不影响<a>标签的haslayout属性。正常


代码片段4:

<style type="text/css">
    a:hover{zoom:1;}
</style>
    
<a style="position:absolute;" href="#">aaaa</a>

现象:鼠标滑过时触发<a>标签的haslayout属性。正常


代码片段5:

<a style="position:relative;" href="#">aaaa</a>

现象:鼠标滑过时不影响<a>标签的haslayout属性。正常


代码片段6:

<style type="text/css">
    a:hover{zoom:1;}
</style>
    
<a style="position:relative;" href="#">aaaa</a>

现象:鼠标滑过时触发<a>标签的haslayout属性。浏览器崩溃