线性渐变在Safari for Windows中不起作用

Question

我一直在测试网站的标题，我发现CSS3线性渐变样式在Windows上不起作用，在iOS中购买并且OS X工作正常。

这是CSS规则：

background: linear-gradient(to bottom, #FFFFFF 0%, #E7E7E7 97%, #FFFFFF 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);

有什么建议吗？

提前谢谢！

Answer 1

在background-image上使用-webkit-linear-gradient：

background: linear-gradient(to bottom, #FFFFFF 0%, #E7E7E7 97%, #FFFFFF 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E7E7E7 97%, #FFFFFF 98%);

在Firefox，Chrome，IE，Safari上的Windows上测试。