border-radius 和 -webkit-border-radius 的区别

Question

我有个问题。我在我的 css 中定义

-webkit-border-radius: 5px;

但它不适用于 IE。当我替换为

border-radius: 5px

有用。但我不明白两者之间的区别......

有人可以解释我吗？

Answer 1

-webkit是一个供应商前缀，历史上浏览器供应商使用它来提供对实验性或不完整的 API 的访问。在border-radius标准化之前，它可以通过供应商前缀在某些浏览器（例如使用 WebKit 引擎的 Safari）中使用。

现在标准化border-radius属性得到广泛支持，不再需要供应商前缀（除非您针对的是较旧的浏览器，例如 Safari 4）。

由于 Safari 在许多 API 中的早期突出地位，非 WebKit 浏览器开始支持一些带-webkit前缀的 API（因为在这种情况下，使用带前缀的版本而没有标准版本）。由于这些类型的兼容性问题，浏览器供应商已不再使用供应商前缀，而在开发功能时主要依靠实验标志。