【转】该死的ie6出现重影

IE6中“重影”BUG的解决方法作者：佚名     来源：蓝色理想     查看：332 次在做DIV时会碰到文字自动重复的现象，一系列元素的下端的文字会重复出现。这种现象只会在IE6中出现，在IE7和火狐中没有此现象。

问题原因以及解决方法：

原因：

是注释造成的文字溢出，而且只有IE6才有这个BUG，而溢出文字的字数=注释的条数*2-1。BUG与注释文字的位置、区块的浮动以及文字区块的固定宽度都有联系。

解决办法：

1、不放置注释。这是最简单、最快捷的解决方法，但不方便，有时是需要注释的；

2、注释不要放置于2个浮动的区块之间；

3、将文字区块包含在新的元素之间，如在外面再加一层<div>：<div style="float:right;width:500px"><div>↓这就是多出来的那只猪</div> </div>；（这个增加了多余的元素）

4、去除文字区块的固定宽度，与3有相似之处；

5、在后面加一个<br />或者空格；（这个增加了多余的元素）

6、使用IE注释格式，如：<!--[if !IE]>Put your commentary in here...<![endif]-->；（这个是可以使用的，不论在IE还是火狐都正常显示，而且也符合标准，但和常规的注释不一样）

7、给盒子加position:relative;属性。（个人觉得这个应该是最好的解决方法，应该只有IE6有这个BUG，可以只针对IE6加这个属性）

转载于:https://www.cnblogs.com/rayy/archive/2011/03/03/4399743.html