css - SASS 指南针线性渐变与 px 颜色停止和 webkit

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

我还从这篇文章中了解到，在 webkit 中我应该使用 600 而不是 600px 之类的东西。

指南针不这样做吗？

我还需要添加background-repeat: no-repeat其他渐变会在 webkit 中重复吗？

Answer 1

+1 有同样的问题。令人沮丧的是，这个指南针示例页面显示渐变在 WebKit 中运行良好。可能是版本问题？我将尝试降级到早期版本，看看是否有帮助。

---

编辑

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