确保此css适用于所有浏览器的最佳方法是什么?

时间:2014-04-24 20:54:32

标签: css

我正在接管一个带有此css按钮的应用程序:

background-image: -moz-linear-gradient(center top , #049CDB, #0064CD);

它在Firefox中看起来很漂亮但在IE等中看起来很混乱

最好的方法是采用这些明确的firefox特定的CSS并确定在所有浏览器上看起来一样的最佳方法(只需要IE8 +)

2 个答案:

答案 0 :(得分:3)

此工具可能对您有用。

由于这个CSS属性仍然是CSS的工作草案并且有一些遗留问题,因此需要为当前情况完全支持大量标记。 -moz-前缀就是提供支持的一种方式。所有其他浏览器也需要标准,-ms-, - webkit,-webkit- 类型或-o-前缀。

您应该注意您已经接管的应用程序中的其他位置,以查找尚未在其他浏览器上进行过全面测试的代码。

链接 http://www.colorzilla.com/gradient-editor/

答案 1 :(得分:0)

这是一个意见问题,但有一些在线工具可以帮助您为跨浏览器的渐变生成css。 http://www.colorzilla.com/gradient-editor/就是一个例子。