Question

为什么当我想使用border-radius时，我需要3个独立的浏览器吗？

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

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

Answer 1

CSS3规范仍未完成。浏览器供应商通常将其保持为(vendor)-*，直到他们认为规范足够稳定。

例如，

Chrome已开始迁移到该标准，并删除了各种属性的-webkit前缀。

Answer 2

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

以下是细分：

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

请注意，并非所有CSS3属性在不同浏览器中都有所不同，但是我们希望它们对我们来说都是相同且符合标准的内容。 IE远非如此:(

为什么跨浏览器使用CSS3属性需要这么多不同的属性？

2 个答案: