我通常在样式表中使用CSS3属性。较旧的浏览器需要特殊的前缀才能获得与新浏览器相同的结果。有什么方法可以留下不必要的前缀,但获得与它们相同的结果?

坚固的CSS3属性:

border-radius: 1px;


为了兼容性:

-webkit-border-radius: 1px;
-moz-border-radius: 1px;


我必须全部使用它们:

border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;


很难保持3个具有相同功能的独特属性。我想没有兼容性的东西。我的计划如下:我使用简单的CSS3属性,并在完成后通过自动化程序或Web应用程序添加带前缀的属性。

有人知道可行的解决方案吗?我将感谢一个简单的Web应用程序。

//边框半径,文字阴影,框阴影。 /多种背景,RGBA和其他内容均可正常工作,而不会出现讨厌的前缀(感谢上帝)。

最佳答案

我建议使用http://prefixr.com/

它甚至具有一个API,您可以在开发中使用它来帮助自动化该过程。

关于css - 是否有CSS3自动向后兼容生成器?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7760079/

10-16 14:45