css - 边界半径与 -moz 边界半径

Question

在为我的<div>. 既然border-radiusCSS 属性在 Mozilla 中运行良好，为什么我们需要-moz-border-radius?

Answer 1

对于旧版本的 Firefox，即 Firefox 3.6 和更早版本。

Answer 2

使用类似这样的特定于供应商的前缀有一段（简短的）历史，可以让早期的浏览器更容易地阅读代码。在 HTML5/CSS3 支持开始时，每个浏览器对元素的处理方式不同，因此边框半径如下：

.rectangle {
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 border-radius:5px;

}

如今，许多现代浏览器都接受像“border-radius”这样的样式（例如，最新的 Chrome、Safari、Firefox 和 IE9），因此正如前面提到的 minitech，这些样式现在用于支持旧版本的现代浏览器。