2014-06-16 27 views
0

所以我從來沒有遇到過這樣的問題。在html選擇器中使用線性漸變的麻煩

我有這樣的:

html { 
    background: linear-gradient (#1f7c65, #60d4ae); 
} 

它什麼都不做。應該是超級簡單的。我甚至剝離了所有其他的CSS,以確保沒有其他影響它的東西。所以上面的這一行是適用於整個文檔的唯一樣式。

如果我添加一個

background-color: red; 

它工作正常。

當我查看瀏覽器控制檯中的代碼時,它具有線性漸變屬性,好像有一個壓倒一切的問題。

我已經與其他使用漸變的網站進行了交叉引用。代碼塊是相同的。我已經對W3Schools進行了檢查,認爲也許我只是有一個愚蠢的一天(今天是星期一)。

在三種瀏覽器中測試:Firefox,Chrome和Safari(全部是最新的更新)。使用十六進制代碼和CSS顏色名稱進行測試。

任何人有任何想法?

在此先感謝!

+0

你沒有提到你的確切問題是什麼。 – j08691

+0

這可能是間距,刪除單詞漸變之間的空間。並取消註釋十六進制顏色。 – KRUKUSA

+1

固定它的空間。哇。在CSS中之前從未遇到空間問題。 – lrose07

回答

2

與間距有關,刪除單詞漸變之間的空格。也取消了對十六進制顏色的註釋

+0

是的,它是間距:http://jsfiddle.net/9Y64N/1/ – docodemore

+0

不知道爲什麼它顯示爲在我的文章中評論。 感謝您的解決方案! – lrose07