ie6 ie7 ie8和火狐如何兼容高度宽度以及margin、padding等属性！

ie6 ie7 ie8和火狐如何兼容高度宽度以及margin、padding等属性！

Filed Under 互联网 post by dakyi_admin / 2011-8-3 11:39 Wednesday

网页制作中最难的莫过去浏览器的兼容问题，我们主要针对的当然是ie6 ie7 ie8和火狐，对于这四款对我们来说已经很头疼了，下面介绍一下ie6 ie7 ie8和火狐分别该如何控制高度宽度及其他属性吧！

先看下面这句css代码

margin-left:21px!important; *margin-left:19px!important;  margin-left:8px; 

我们来一句一句解释！首先我们要注意每句代码的排列顺序！

margin-left:21px!important;这句有个!important这个是只有火狐浏览器和ie7、ie8能够识别，也就是说这句代码对ie6产生不了作用，不过后面也要有这个属性值！这样我们就可以控制火狐浏览器中兼容的属性了。

接下来的*margin-left:19px!important;这个前面有个*符号，这个符号只有ie都能识别，但是火狐就识别不出来，然后后面有加了个!important所以这句可以控制ie7和Ie8，因为ie7和IE8加上<meta http-equiv="x-ua-compatible" content="ie=7" />这句代码，兼容是一样的，这个是没区别的，所以ie7和ie8是最好兼容的。

最后  margin-left:8px; 这句是最正常的，一定要放最后，也就是控制ie6的兼容性的。感觉这个和数学中的排除法有点像，浏览器的兼容也许会有更多更好的方法待我们去发现。欢迎交流！

转载文章请注明诺基亚博客

原文地址：http://www.126tea.com/blog/post-101.html