css怎样判断是火狐浏览器

html-css018

css怎样判断是火狐浏览器,第1张

-moz-前缀属性再覆盖一遍某条属性,如果执行了,就是火狐

例如

<style>

div{

width:100px

height:100px

border:1px solid #ccc

transform:rotate(180deg)

-moz-transform:rotate(45deg)

}

</style>

这个S股可以的,主需要在代码出添加!important标记即可。

例如:

.abc

{

/*注意顺序*/

width:500px!important/*只有火狐识别*/

*width:550px!important/*兼容IE7*/

width:500px/*For IE6*/

}

这样即可实现兼容火狐浏览器,让其只能在火狐浏览器下指定代码生效。

火狐的样式表你就正常些就可以了,然后写针对ie的样式表,例如:

padding-top:3px_padding-top:5px这个样式表就是火狐认为是3px,而后面的只有Ie6.0认为是5px。这样就达到了针对火狐与IE的区别了。

如果后写成*padding-top:5px;那就是IE6.0和7.0都认识。这样你懂了吧