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]-->

 

posted @ 2016-05-24 17:57  ^^-^^-  阅读(288)  评论(0编辑  收藏  举报