时间戳

首页 > 解决方案 > 边界半径和-webkit-边界半径之间的区别

html - 边界半径和-webkit-边界半径之间的区别

问题描述

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

-webkit-border-radius: 5px;

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

border-radius: 5px

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

有人可以解释一下吗？

标签： htmlcss

解决方案

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

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

由于 Safari 在许多 API 中的早期地位，非 WebKit 浏览器开始支持一些-webkit前缀 API（因为在本例中，使用了前缀版本而不使用标准版本）。由于这些兼容性问题，浏览器供应商已经不再使用供应商前缀，而在开发功能时主要依赖于实验标志。

推荐阅读