IE6重复字符鬼影BUG

标签:
鬼影ie6吖真it |
分类: CSSie6 |
刚处理公司页面, 发现了一个问题:鬼影BUG 。
这个问题遇见过很多次了,相信百度一下就能有很多的答案,收罗了下,解决它。
Bug病症:


如图所示,在IE6下如影子般猥琐地显示多了那么几个字“数量×2-2”
Bug条件:
当网页html满足以下条件时,鬼影出现,
吖真老中医处方:
file:///C:/DOCUME~1/SUNNYC~1/LOCALS~1/Temp/moz-screenshot-21.png
这个问题遇见过很多次了,相信百度一下就能有很多的答案,收罗了下,解决它。
Bug病症:


如图所示,在IE6下如影子般猥琐地显示多了那么几个字“数量×2-2”
Bug条件:
当网页html满足以下条件时,鬼影出现,
并且溢出文字的字数=注释的条数 *2-11.父元素的内部有多个浮动元素。
2. 最后一个浮动元素前有隐藏元素:包括html注释和display:none的元素
3.子元素的宽度和父元素相同,父元素的宽度减去子元素宽度小于3px
吖真老中医处方:
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
前一篇:^吖真开博客啦^
后一篇:IE6兼容png24