标签:
随着微软windows系统系列的推出,当初的windows xp系统渐渐淡出操作系统的舞台,被新的有活力的操作系统所代替。虽然它渐渐推出了我们的视线,但是在某些地方我们还是能看到他们的,仍然在使用, 所以对于做前端开发的人员一定要考虑到我们制作儿的网页与windows xp操作系统的兼容问题——就是与IE6的兼容问题。
现在的浏览器种类繁多,可以说我们前端开发的东西在很多浏览器上都能使用,一般没有多大的问题。可是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的方向不一致时,那么这个bug也就不存在了,所以在编写代码时要注意到这一点;
2.可以通过单独设定浮动元素的首项来解决已经出现的bug
我们另外给浮动元素的首项一个margin属性,是他的值是我们前面margin值得1/2,这样也就解决了。
(三) 3px 问题
1.何为3px:
解释:当我们元素有有浮动时,浮动元素的子代使用margin-right来调节自己的位置时,会出现距离边框的距离比我们设定值多出3px的现象。
标签:
原文地址:http://www.cnblogs.com/zhangyang0619/p/5689460.html