SASS指南针线性渐变

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，而不是600像素。

Compass不这样做吗？

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

Answer 1

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

---

编辑

看起来像WebKit的色标都被固定在头部。安装最新版本（撰写本文时为0.11.beta.2）和确保您重新启动服务器（与第一次不同），并且您会发现Webkit颜色停止正常工作。