css3样式前缀:-ms -moz -webkit -o
2016-01-09 20:15
621 查看
w3c发布了CSS3标准,但是各大主流浏览器并没有完全遵循这个标准,都有自己的实现。所以在实现某一效果时,为了让网页在各浏览器中都能被识别,常常需要写多行前缀不一样,属性一样的代码。
-moz Firefox浏览器
-webkit Chrome、Safari
<
4000
span style="font-size:14px;">-ms IE浏览器
-o Opera
例如对元素的2D转换:
所以除了写上w3c标准语句外,还需要带上想要支持的浏览器的前缀。
-moz Firefox浏览器
-webkit Chrome、Safari
<
4000
span style="font-size:14px;">-ms IE浏览器
-o Opera
例如对元素的2D转换:
transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /* Firefox */ -webkit-transform:rotate(7deg); /* Safari 和 Chrome */ -o-transform:rotate(7deg); /* Opera */
所以除了写上w3c标准语句外,还需要带上想要支持的浏览器的前缀。
相关文章推荐
- CSS-Day01-高级语法
- CSS3 2D和3D转换(transform)
- CSS3 文本特效
- CSS3 颜色(Color)和背景(Backgroud)
- CSS-Day01-基本语法
- CSS3 盒子模型(box Model)和边框(border)
- 那些年遇到的那些css bug
- CSS3的过渡效果(transition)与动画(animation)
- css3 的content 属性
- CSS学习笔记——CSS中定位的浮动float
- 读w3cplusCSS秘密花园:磨砂玻璃效果 的收获
- contentMode 属性,视图,填充样式
- css3 animation 中的animation-delay效果无效
- css常用基础汇总字体等的设置
- CSS学习笔记——CSS中定位的浮动float
- CSS 中 display 属性可以是那些值以及浏览器对其兼容性的总结的总结
- 个人css常见问题总结
- CSS3 3D旋转动画代码实例
- css实现尖角
- CSS中@import的问题