为什么这个渐变在Safari浏览器中不起作用？

Question

以下Gradient在Safari中不起作用。

.navbar-right li:first-of-type{
background: rgba(0, 0, 0, 0) linear-gradient(-57deg, #fff 250px, rgba(0, 0, 0, 0) 100px) repeat scroll 0 0;
}

Answer 1

将此添加到您的代码

background-image:-webkit-linear-gradient(-57deg,  rgba(0, 0, 0, 0) 250px,#fff 100px);
background: rgba(0, 0, 0, 0) linear-gradient(-57deg, #fff 250px, rgba(0, 0, 0, 0) 100px) repeat scroll 0 0; 

需要使用background-image -webkit-linear-gradient才能使用safari

我已经在safari 5.1.7 for windows（非常旧的版本）中进行了测试并且它正常工作。见jsfiddle

因此它也必须适合你