码迷,mamicode.com
首页 > Web开发 > 详细

css3 -- 浏览器支持

时间:2016-05-24 19:06:54      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:

浏览器支持的前缀:

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 -- 浏览器支持

标签:

原文地址:http://www.cnblogs.com/zhanghuiyun/p/5524340.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!