IE6重复字符鬼影BUG

无意用IE6访问了一下,发现网页在IE6下有字符重复了,出现IE6著名的鬼影BUG。

搜了一下,把它解决了,记一下。

这个BUG出现的条件是:

1.父元素的内部有多个浮动元素。

2. 最后一个浮动元素前有隐藏元素:包括html注释和display:none的元素

3.子元素的宽度和父元素相同,父元素的宽度减去子元素宽度小于3px

解决方法是:把浮动的子元素加上display:inline;属性 

#content table.month {      /* 月份锚链 */
 width:610px;
 height:36px;
 margin-bottom: 20px;
 background: #F6F6F6;
 overflow: hidden;
 display:inline;    /* 解决IE6字符重复BUG */
}

对IE6这个BUG,下面这篇文章解释的挺详细,还不明白的可以看一下。

http://www.cnblogs.com/javashi/archive/2010/05/08/1730504.html

评论恒久远,一贴永流传

提交

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

帮助他人 - 快乐自己

最近发表

Search

热门文章

随机推荐

卓越新书

Top

Powered By Z-Blog 1.8 Walle Build 100427

© 2007-2011 zfnn.com. 皖ICP备07503469号