IE6关于CSS的兼容性差异总结

一.选择器差异

      1.动态伪类的差异(:hover,:active,:focus)

      IE6的:hover以及:active只支持锚链接(A)，而:focus完全无用

      IE7的:hover支持所有元素，但是:active以及:focus被忽略

      解决方案：加入htc 文件（csshover.htc )

body { behavior: url("csshover3.htc"); }

二.盒模型的差异

    1.IE7以下版本不支持outLine属性（所以尽量不要用。。。）

    2.IE6混杂模式中（IE5.5内核）使用非标准盒模型，width与height属性是内容，内边距（padding)，以及边框(border)的总和

 

三.定位上的差异

    1.IE7及以下版本不支持inline-block的display属性

    2.IE6在绝对定位中，如果B要相对于相对定位的祖先框A右边或底部定位，那么A必须设置宽度和高度，否则会相对画布绝对定位B

       原因：这是由IE蛋疼的“布局”(layout)内部概念引起的，相对定位元素没有布局

       解决方案：设置属性使得元素拥有布局，条件注释，利用浏览器bug建立hack(如星号html hack,子选择器hack)

 

 

(------未完待续-------）