windows - 线性渐变在 Windows 版 Safari 中不起作用

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

在背景图像上使用 -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%);

在 Windows 的 Firefox、Chrome、IE、Safari 中测试。