IE6出现重复字符的bug(注释bug、3pixbug)

前端之家收集整理的这篇文章主要介绍了IE6出现重复字符的bug(注释bug、3pixbug)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

为何会出现重复文字bug虽然的的确确的存在,但是为什么会出现这样的bug依然没有统一的定论。不同的高手也是各执一词,谁也说服不了谁。真正的原因也许只有当时的IE6团队才能道出来,但是现在仍然没有官方的说法。下面列出来的这两种说法,是只是现在网上认可度比较高的而已——

注释的解释存在bug引起的。 “3像素bug”的扩展后遗症。(“3像素bug”我们将在《IE7的web标准之道》系列以后的文章中讲到) 其他的一些说法

如何消灭重复文字引起的原因,也许我们可以不知道,但是如何去消除却是我们一定要关注的。“歌剧院魅影bug”已经在IE7中得到修正,在FireFox和Opera中也不会出现,所以bug的修正主要是针对IE6的。

改变结构,不出现【一个容器包含2两个具有“float”样式的子容器】的结构。——此解决方案的评论:疯了!因噎废食的做法。 减小第二个容器的宽度,使父容器宽度减去第二个容器宽度的值大于3,例如将本文示例中第二个子容器的宽度改为197px。——此解决方案的评论:在满足页面布局的前提下可以使用。但是当情况比较复杂的时候,可能实施起来比较困难。 去掉所有的注释。——此解决方案的评论:最直接的做法,但是“没有注释的代码”,的确不是一个好的代码写作习惯。 写成——此解决方案的评论:还不错的解决方案,但是并不是每个人都对这种注释写法很欣赏。 解决——此解决方案的评论:另人感觉很不爽的解决方案。但是的确能解决。影响网页效率 其他的你提供的方法 关于此bug的一些文章资料其实很早以前就有外国的朋友关注过这个bug,而且在中国也有过一些朋友关注过这个bug。我在写这篇文章的时候,也一定程度上参照了他们的研究成果,在此向研究此问题的前辈们表示感谢。下面是两篇研究此bug的文章。希望对你有进一步的帮助。

文章: 《Explorer 6 Duplicate Characters Bug 》,这是关于此bug比较权威的一篇文章。 经典论坛版主怿飞的《注释在IE中造成文字溢出的研究》。顺便说一下怿飞是一个在web标准方便很有研究的朋友。虽然没有直接和他接触过,但是却一直拜读他的文章。在此也给这位文章曾给予我很大帮助的朋友做个广告,他的博客为地址为:

 

 

 

原文链接:https://www.f2er.com/css/70644.html

猜你在找的CSS相关文章