好久没碰到过的IE6注释bug

IE6为众前端所不喜,不仅仅是功能支持很落后,还有一大堆的bug。而且,就连写个注释都能引起莫名奇妙的bug。

好久没碰到了,但是今天写了一个简单的页面,随手添了一个空的注释<!– –>,随后被复制了好几处,于是有了好几个空的注释。结果发现问题了。

1、好大一个空白间距。如同插入了一个水平的空白行,30px那么高。

2、文字被复制溢出(呃。。。想不起叫什么名字了),就是在容器之外,明明没有边框,没有文字的地方,出现了容器内容里的文字。

往往这些问题发生在有浮动的元素情况下。而注释为空或不为空都会偶尔发生这些bug。貌似空的注释更容易出现。

另记一个注释引起的问题。IE6要使用png24透明图片,借助一个js:DD_belatedPNG_0.0.8a-min.js,那么有时在应用了透明的元素旁边写了一些注释,会出现意料外的情况,貌似那次是元素位置歪了吧,去掉注释就ok了。

总结:ie6很多问题,字体大小,行高,高度,浮动,注释。。。这些皆可以成为原因,也可以成为解决的方法。


http://cssor.com/ie6-comments-bug.html

参与评论

电子邮件地址不会被公开。 必填项已用*标注

*

全部分类
Books(4)code(7)database(6)html&css(24)java(11)JavaScript(48)jQuery(24)linux(20)python(1)React(1)share(1)soft(4)solution(53)thinking(17)vim(9)WordPress(8)前端优化(12)拓展(33)服务器(31)移动开发(4)自然(22)