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顏色停止正常工作。