我想我现在已经写了如下一千次:
.foo { border-radius: 10px; /* W3C */ -moz-border-radius: 10px; /* Mozilla */ -webkit-border-radius: 10px; /* Webkit */ }
但只有现在我想到了这些的顺序是否重要?我知道-moz- *和-webkit- *之间没有关系,因为最多只有其中一个将被读取,但它是更好的(在防止未来等等)首先做W3C标准,持续?
解决方法
最好的做法是无可争议地拥有无前缀的属性:
.foo { -moz-border-radius: 10px; /* Mozilla */ -webkit-border-radius: 10px; /* Webkit */ border-radius: 10px; /* W3C */ }
无论是-webkit-border-radius和border-radius中的最后一个将是使用的。
-webkit-border-radius是“experimental”属性 – 实现可能包含与规范的偏差。 border-radius的实现应该与规范中的一致。
最好在可用时使用W3C实现,以帮助确保支持它的所有浏览器之间的一致性。