css3 -- 浏览器支持
2016-05-24 17:57
477 查看
浏览器支持的前缀:
1、浏览器兼容前缀
2、支持所有IE浏览器
3、支持除IE外的所有浏览器
4、仅仅支持IE10
5、支持IE9 以下版本
1、浏览器兼容前缀
-webkit-transform:rotate(-3deg); /*为Chrome/Safari*/ -moz-transform:rotate(-3deg); /*为Firefox*/ -ms-transform:rotate(-3deg); /*为IE*/ -o-transform:rotate(-3deg); /*为Opera*/
-webkit-transform:rotate(-3deg); /*为Chrome/Safari*/ -moz-transform:rotate(-3deg); /*为Firefox*/ -ms-transform:rotate(-3deg); /*为IE*/ -o-transform:rotate(-3deg); /*为Opera*/
transform:rotate(-3deg); /*为nothing*/
2、支持所有IE浏览器
<!--[if IE]> <link rel="stylesheet" href="test.css" type="text/css"/> <![endif]-->
3、支持除IE外的所有浏览器
<!--[if !IE]> <link rel="stylesheet" href="test.css" type="text/css"/> <![endif]-->
4、仅仅支持IE10
<!--[if IE 10]> <link rel="stylesheet" type="text/css" href="ie10.css"> <![endif]--
5、支持IE9 以下版本
<!--[if lt IE 9]> <link rel="stylesheet" type="text/css" href="ie9-and-down.css"> <![endif]-->
相关文章推荐
- CSS伪类、伪元素
- css sprites 优缺点
- CSS变化宽度布局
- About css sprites
- css属性继承和优先级
- CSS固定宽度布局
- css垂直水平居中小技巧
- XPath和CSS 3的解析器比较
- HTML+CSS基础(六):CSS样式与属性
- css中网页图片下方多出几像素问题分析
- 挂多个css还是新建class-多用组合,少用继承
- Webkit CSS实现
- css浮动
- css实现正方形div的3种方式
- 网页元素CSS居中实现完整攻略
- css reset
- css定位
- Emmet for Dreamweaver:HTML/CSS代码快速编写神器
- CSS3颜色渐变模式
- white-space pre-wrap 样式 与 pre 标签 等价