我负责的一个网站的访问者中， IE6 用户仍占 6.2%，这个比例不尴不尬。改版初期对他们照顾不够，今天下狠心花了时间去测试 IE6 下的兼容性。几小时之后，IE6 下都能完全正常显示了，我也多了一些心得。
- 如果要加层，先设置该层 text-align:left，否则 IE6 下与层有点关系的元素，不管它是在层内还是层外，位置会摆置得莫名其妙。特别是当看到层外元素整体摆错位置，我更莫名其妙，实在搞不懂 IE6 对层的理解是什么。如果一开始就对层进行初始化（{ text-align:left; position:relative; }）就会节省很多时间。
- 避免使用高级的 css 语法，比如多 class 的连贯，.class-a.class-b { color:red; }。本希望该样式只应用于同时具有 class-a 和 class-b 元素，结果 IE6 不理解。如果 IE6 对不理解的 selector 作忽略处理倒还好，可是 IE6 把该样式应用到了所有 class-b 元素（只具有 class-a、不具有 class-b 的元素未受影响），IE6 是不是显得不懂装懂？祸害很大，害我多花了一小时在找被错误影响了的 class-b 元素的原因。如果实在想要多 class 的连贯的 selector，那比较可行的办法是用 jquery 来保证跨浏览器的兼容性，即 $jquery(‘.class-a.class-b’) 。
题外话：很久前我写过一篇Cross-browser CSS。今天多了两点心得，本想直接写入以前的文章。转念一想不对，今天的心得是今天的，以前的心得是以前的，以后万一我来翻看自己的文章，我也想从中看出我的成长历程，混在一起就看不出历程了。但从心得角度讲，最好把所有 cross-browser css 的内容写在一起，否则，若干年后我再看Cross-browser CSS那一页时不一定想起今天补充的两点。似乎没什么好办法（即使用 related posts 也比较勉强）。