代码之家 › 专栏 › 技术社区 › thomasfedb

为什么在浏览器中使用CSS3属性需要这么多不同的属性?

css3 cross-browser

2

thomasfedb · 技术社区 · 14 年前

为什么我要使用border radius时需要3个独立的浏览器?

border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

为什么他们都不能理解 border-radius ?

2 回复 | 直到 10 年前

1

4

thomasfedb 10 年前

CSS3规范仍未最终确定。浏览器供应商通常将其保留为 (vendor)-* 直到他们认为规格足够稳定。

例如,Chrome已经开始迁移到标准,并删除了 -webkit 各种属性的前缀。

2

1

Sarfraz 14 年前

因为每个浏览器或 rendering engines 有不同的实现。

以下是详细信息:

 border-radius: 10px;          /* standard CSS3 */
-moz-border-radius: 10px;     /* For Mozilla */
-webkit-border-radius: 10px;  /* For Safari/Chrome */

注意,并不是所有的CSS3属性在浏览器中都是不同的,但是是的,我们希望它们都是相同的,并且符合标准的东西。离那很远:(