跨浏览器CSS3规则

Question

我有一个愚蠢的问题,

如果我想在支持CSS3的一些东西的浏览器中为一个元素添加圆角,我必须为每个浏览器重复几次样式,因为它是不同的？

例如:

         -moz-border-radius: 12px; /* FF1+ */
         -webkit-border-radius: 12px; /* Saf3+, Chrome */
          border-radius: 12px; /* Opera 10.5, IE 9 */

这意味着,我必须为这个半径边框添加3种样式,不是吗？

Answer 1

免责声明：希望您在我写完它一年后发现它，现在它完全错误了，我们有一个标准，耶！

现在，是的，这是正确的......您需要所有规则。

不幸的是，这是由于规范在不断变化的情况下实现的结果，但这就是网络发展至今的方式，有时规范会推动开发，更常见的是网络，浏览器会做一些简洁的事情，然后它就会成为规范。

希望一旦规范最终确定，我们将只有border-radius: 12px;. 由于 Firefox 和 Chrome 会推送自动更新（不确定 Safari 是否？），与可能永远不会升级的 IE 用户相比，这种情况发生的可能性要大得多。