border-radius vs -moz-border-radius

时间:2012-09-11 00:31:10

标签: css

在我的<div>添加边框半径时,我才想到这一点。由于border-radius CSS属性在Mozilla中运行良好,为什么我们需要-moz-border-radius

2 个答案:

答案 0 :(得分:5)

对于旧版本的Firefox,即Firefox 3.6及更早版本。

答案 1 :(得分:2)

使用像这样的特定于供应商的前缀的(简要)历史记录使得早期浏览器可以更容易地读取代码。在HTML5 / CSS3支持的开头,每个浏览器处理的元素都不同,因此border-radius类似于:

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

}

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