您的位置:首页 > Web前端 > CSS

CSS3不同浏览器兼容问题,-moz,-webkit,-ms,-o所代表的不同意思

2016-08-18 13:51 363 查看
在查看css3源代码时,经常会遇到属性名前面带有-moz,-webkit,-ms,-o的前缀,这些叫做浏览器私有前缀。主要是浏览器对于新CSS属性的一个提前支持。-moz是Gecko内核的,代表浏览器Firefox(火狐)。-webkit-是webkit内核的,代表浏览器有Chrome(谷歌)、Safari(苹果计算机的浏览器)、Maxthon(傲游3采用)、猎豹浏览器,百度浏览器
、opera浏览器。-ms-是 以Trident 作为内核引擎,代表浏览器是IE,-o是以Presto为内核,代表浏览器Opera。

下面以border-radius(css3圆角)举例说明具体应用:



-webkit- border-radius: 25px;//Chrome4.0和Safari3.1也可兼容显示;
-moz- border-radius: 25px;//火狐3.0兼容显示
border-radius: 25px;//IE9.0,CHrome5.0可使用本方法
//上述只是实现功能相同,但不同浏览器所识别代码不同
具体怎么加前缀可查看不同属性的版本支持。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css 兼容性 css3 浏览器