css3 -- 浏览器支持

Posted zhanghuiyun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css3 -- 浏览器支持相关的知识,希望对你有一定的参考价值。

浏览器支持的前缀:

1、浏览器兼容前缀

1 -webkit-transform:rotate(-3deg); /*为Chrome/Safari*/
2 -moz-transform:rotate(-3deg); /*为Firefox*/
3 -ms-transform:rotate(-3deg); /*为IE*/
4 -o-transform:rotate(-3deg); /*为Opera*/
1 -webkit-transform:rotate(-3deg); /*为Chrome/Safari*/
2 -moz-transform:rotate(-3deg); /*为Firefox*/
3 -ms-transform:rotate(-3deg); /*为IE*/
4 -o-transform:rotate(-3deg); /*为Opera*/
5 transform:rotate(-3deg); /*为nothing*/

2、支持所有IE浏览器

1 <!--[if IE]>
2 <link rel="stylesheet" href="test.css"  type="text/css"/>
3 <![endif]-->

3、支持除IE外的所有浏览器

1 <!--[if !IE]>
2 <link rel="stylesheet" href="test.css"  type="text/css"/>
3 <![endif]-->

4、仅仅支持IE10

1 <!--[if IE 10]>
2 <link rel="stylesheet" type="text/css" href="ie10.css">
3 <![endif]--

5、支持IE9 以下版本

1 <!--[if lt IE 9]>
2 <link rel="stylesheet" type="text/css" href="ie9-and-down.css">
3 <![endif]-->

 

以上是关于css3 -- 浏览器支持的主要内容,如果未能解决你的问题,请参考以下文章

css3中的样式兼容性问题怎么弄?

为啥不建议使用 polyfill 来支持 CSS3 选择器?

为啥calc这么重要的css3函数不支持

为啥渐变出不来,css3

浏览器对CSS3的支持(CSS3浏览器兼容性一览表)

CSS3 2D 转换