在不同的浏览器使用不同的css样式,解决浏览器兼容问题

在不同的浏览器使用不同的css样式,解决浏览器兼容问题

区别IE6与FF：       background:orange;       *background:blue;    区别IE6与IE7：       background:green !important;       background:blue;    区别IE7与FF：       background:orange;        *background:green;       方法一：在同一个CSS样式表中，使用 !important 来定义不同的值以适应Firefox和IE，例如：padding: 20px !important;  /*For Firefox*/padding: 10px;              /*For IE*/(注意这里IE6是无法识别 !important 这个标记的,但它会识别padding: 20px,所以要在后面加上padding: 10px用来覆盖padding: 20px)这个方法适用于修改少量代码。例一：CSS#box {     color:red !important;     color:blue; }HTML

这个例子在IE6环境下，这行字是蓝色，在IE7及firefox下，为红色。这是因为IE6不认important（即不认 !importmant 但是还是认!important前面的color:red)，并且color:blue放在color:red的后面(后面的css定义覆盖了前面的color:red)，所以在IE6下字为蓝色；而在IE7及firefox下important级别优先，所以color:red !important;和color:blue;的前后顺序没有关系，在IE7及firefox下red跟blue谁先谁后都没有关系。方法二：条件注释 （只对IE浏览器有效）先为不同浏览器书写各自的CSS样式，再在head中加入以下的代码以适应不同的IE浏览器版本调用：此内容除了IE6.0版本之外都可见另外：IE还支持一个非标准的标签：comment

This is not Internet Explorer.

This is Internet Explorer.IE会自动把此标签中的内容当作注释处理掉。方法三:javascript. 判断不同的浏览器类型以调用不用的css//后面为注释javascrip判断的第二种方法方法四:在css里为特定浏览器设置height:20px; /*For all 包括火狐 */*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/*+height:20px /* IE7 */在css里面就是那么几句会让不同的浏览器显示的不一样.我们只要把不兼容的那句设定给特定的浏览器,也可以实现完美兼容了"/9"　例:"margin:0px auto/9;".这里的"/9"可以区别所有IE和FireFox."*"　IE6、IE7可以识别.IE8、FireFox不能."_"　IE6可以识别"_",IE7、IE8、FireFox不能.*+ 针对IE7

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。