浏览器私有前缀的概念是什么(浏览器,web开发)

时间:2024-05-03 17:35:32 作者 : 石家庄SEO 分类 : web开发
  • TAG :

浏览器私有前缀的概念是什么

浏览器私有前缀简介

由于CSS3很多属性尚未成为W3C标准的一部分,因此每种内核的浏览器都只能识别带有自身私有前缀的CSS3属性。我们在书写CSS3代码时,需要在属性前加上浏览器的私有前缀,然后该种内核的浏览器才能识别相应的CSS3属性。

CSS3浏览器私有前缀

浏览器私有前缀的概念是什么

举个例子,假如我们想要使用CSS3实现半径为10px的圆角效果的话,可能会这样写:

1

border-radius:10px;

但是并非所有浏览器都能识别border-radius这个属性,例如chrome浏览器只能识别-webkit-border-radius(前缀为-webkit-),而firefox浏览器只能识别-moz-border-radius(前缀为-moz-)。因为为了让主流浏览器都能实现圆角效果,我们需要这样写:

1

2

3

4

5

border-radius:10px;

-webkit-border-radius:10px; /*兼容chrome和Safari*/

-moz-border-radius:10px; /*兼容Firefox*/

-ms-border-radius:10px; /*兼容IE*/

-o-border-radius:10px; /*兼容opera*/

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:浏览器私有前缀的概念是什么的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:解决浏览器兼容性的技巧是什么下一篇:

2 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18