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

【问题标题】：SASS Compass Linear Gradients with px color stops & webkitSASS 指南针线性渐变与 px 颜色停止和 webkit
【发布时间】：2011-07-26 07:00:22
【问题描述】：

@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 中重复？

【问题讨论】：

标签： css sass compass-sass

【解决方案1】：

+1 有同样的问题。令人沮丧的是，this compass example page 显示渐变在 WebKit 中运行良好。可能是版本问题？我将尝试降级到早期版本，看看是否有帮助。

编辑

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

【讨论】：