我一直在测试网站的标题,发现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);

有什么建议?

先感谢您!

最佳答案

在背景图片上使用-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上进行了测试。

09-07 22:31