加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

IE6重复字符鬼影BUG

(2011-02-14 12:20:47)
标签:

鬼影

ie6

吖真

it

分类: CSSie6
刚处理公司页面, 发现了一个问题:鬼影BUG 。
这个问题遇见过很多次了,相信百度一下就能有很多的答案,收罗了下,解决它。
Bug病症:
IE6重复字符鬼影BUG
如图所示,在IE6下如影子般猥琐地显示多了那么几个字“数量×2-2”

Bug条件:
当网页html满足以下条件时,鬼影出现,

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

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

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

并且溢出文字的字数=注释的条数 *2-1

吖真老中医处方:

1.把浮动的子元素加上display:inline;属性(推荐)

2.去掉注释和所有隐藏元素(缺点:特殊情况下不一定可以删除)

3. 把浮动的子元素加上“_margin-right:-3px;”属性(如果当前已经有margin-right属性,则添加语句_margin-right:当前属性-3 px;)

4.在隐藏的DIV外嵌套一个DIV(缺点:增加的结果复杂性)


file:///C:/DOCUME~1/SUNNYC~1/LOCALS~1/Temp/moz-screenshot-21.png

0

阅读 收藏 喜欢 打印举报/Report
后一篇:IE6兼容png24
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有