首页 > 代码库 > ie6的常见兼容性问题
ie6的常见兼容性问题
(一):选择器的兼容问题
1.对于一般的选择器如id选择器、类选择器、标签选择器,IE6和其他浏览器一样都兼容;
2.子代选择器(E>F),序选择器(E:first-child、E:last-child)、兄弟选择器(E+p)这些选择器IE6都不兼容{主要是css2中的选择器,css3中的先不谈}
(二):双倍margin问题
1.何为双倍的margin?
解释:就是说当我们连续浮动元素时,如果浮动元素的浮动方向和我们设置的margin方向相同时,浮动元素的第一个元素就会具有双倍的margin值。
例:ul li{float:left;
margin-left:20px;}
此时我们的浮动元素和margin的方向相同,那么在第一个li中,它与边框的距离就是40px。
解决办法:1.可以通过改变条件的方法来阻止这个bug发生。
就是说把float方向与margin的方向不一致时,设置成margin-right,那么这个bug也就不存在了,所以在编写代码时要注意到这一点;
2.可以通过单独设定浮动元素的首项来解决已经出现的bug
我们另外给浮动元素的首项一个margin属性,是他的值是我们前面margin值得1/2,这样也就解决了。
(三) 3px 问题
1.何为3px:
解释:当我们元素有有浮动时,浮动元素的子代使用margin-right来调节自己的位置时,会出现距离边框的距离比我们设定值多出3px的现象。
ie6的常见兼容性问题