Answer 1

Answer 2

三年后重新发现我的另一个答案，我可以明确地说有一个更好的解决方案。虽然前缀border-radius样式的日子已基本结束，但我们可以针对类似情况推广良好的代码重用。

SASS是一种扩展的CSS语法，它添加了大量方便的功能，包括变量，函数和mixin。它确实需要一个单独的编译步骤来生成CSS，但是拥有更强大的开发语言的优势使您可以拥有更多可维护的代码。使用mixin，之前的border-radius示例如下所示：

@mixin border-radius($width) {
    -moz-border-radius: $width;
    -webkit-border-radius: $width;
    border-radius: $width;
}

.mydiv { 
    @include border-radius(5px);
}

实际上，您不必维护自己的CSS兼容性混合。这就是为什么我们有其他框架，如Compass - 框架开发人员跟踪哪些浏览器使用前缀和管理兼容性，同时您可以专注于完成您的网站。它们甚至具有可靠的线性渐变支持，因此您可以编写：

.mydiv {
    @include background-image(linear-gradient(left top, white, #ddd));
    background-image: linear-gradient(to bottom right, white, #ddd);
}

此解决方案的最佳部分是您不需要乱用PHP或Apache配置 - 只需运行一些简单命令或使用工具编译CSS，然后像任何其他样式表一样包含它们。