IE6捉迷藏问题

来源：互联网发布：程序员导致公司损失编辑：程序博客网时间：2024/05/22 10:41

IE6捉迷藏问题..可以说是IE6的一个最不合理喻的bug,可以说,我看的书的作者也没找到其触发机制是什么,只知道其现象和解决方法.

先看页面代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

#clear{

clear:both;

}

#layout{

background:#e6e6e6;

}

#layout a:hover{

background:#333;

}

#left{

float:left;

border:4px solid #333;

padding:5px;

width:200px;

height:200px;

}

#right div{

border:3px solid #0c0;background:#dde;

}

</style>

</head>

<body>

<div id="right">#right<br/>被隐藏的文本<br/><a href="#">连接B</a><br/>

<br/>

<div>#right中的div.<a href="#">连接C</a></div>

#right中的文本.<a href="#">连接D</a>

<div>#right中的div.<a href="#">连接E</a></div>

#right中的文本.<a href="#">连接F</a></div>

<div id="clear">bottom</div>

</div>

</body>

</html>

打开IE6运行后,用鼠标在页面上挥几下,就能轻易发现一些"灵异"现象.一闪闪出来的几个连接,还有一个隐藏的文本,这些没法理喻的问题,的确让人头疼,不过还是有个方法能解决.

作者提供的方法是权威CSS专家研究得出的方法,即在发生问题的最大布局上加上line-height:1.2;这个语句.在这里,就是在#layout内加上这句,因为所有发生的问题的标签,都是在这个大的div下面.所以在这里加上一句line-height:1.2后,能对每个部分进行重新计算调整,即自我刷新,所以能使其错误修正.