Question

@include linear-gradient(color-stops(#e2e2e2, #fff 600px), top);

将生成类似

的内容

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #e2e2e2), color-stop(100%, #ffffff));
                                                     ^ this is not 600px

我还从this post了解到，在webkit中，我应该使用600而不是600px。

指南针不这样做吗？

另外我需要添加background-repeat: no-repeat否则渐变将在webkit中重复？

Answer 1

+1有同样的问题。令人沮丧的是，this compass example page显示渐变在WebKit中正常工作。也许是版本问题？我即将尝试降级到早期版本，看看是否有帮助。

修改

看起来webkit颜色停止已经修复了。安装最新版本（撰写本文时为0.11.beta.2）和确保重新启动服务器（与我们第一次不同），您会发现webkit颜色停止正常工作。< / p>

SASS指南针具有px颜色停止的线性渐变＆amp; WebKit的

1 个答案: