标签归档:ie6 bug

研究:IE6的CSS的类名链选择器

为了实现js状态,最近偶会这样去写css选择器:
.a , .b {color:red}
.a.c {color:green}
.b.c {color:#f60}

js可以方便的给.a, .b两个元素添加状态类.c,以改变其表现。但是在IE6下是挫败的。

中文的标准说法是这样的:CSS的类名交集复合选择器:由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集,其中第一必须是标记选择器,第二个必须是类别选择器或者ID选择器,两个选择器之间不能有空格,必须连续书写
如:h3.class{color:red;font-size:23px;}

另外就是搜了下老外的研究,貌似这个网站很不错:

Using multiple classes within selectors

Most browsers, excluding Win/IE5 and Win/IE6 support multiple class selectors.
Browser support chartMac: Safari 4.0 supported
Mac: Chrome 5.0 supported
Mac: FireFox 3.6 supported
Mac: Opera 10 supported
Win: FireFox 3.6 supported
Win: Opera 10 supported
Win: IE6 NOT SUPPORTED
Win: IE7 supported
Win: IE8 supported

好久没碰到过的IE6注释bug

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

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

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

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

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

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

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