CSS3：多個背景。與顏色？

Question

如果我嘗試應用多背景圖片，偉大工程：

.selector{ 
    background-image: url(image1.png), url(image2.pnng); 
    background-position: 0 -50px, 0 -100px; 
} 

的問題是當我嘗試

.selector{ 
    background-color: blue, red; 
    background-position: 0 -50px, 0 -100px; 
} 

，根本不會施加任何背景顏色所有..

我在這裏錯過了什麼？

Answer 1

您不能有多個background-color。

您可以使用圖像或CSS漸變來實現所需的結果。

假設您想要的結果是兩種顏色在中間會合，look at this爲漸變示例。

Answer 2

這沒有多大意義。背景顏色：適用於整個對象。這就像你試圖爲圖像設置背景顏色或其他東西，但背景顏色不能這樣工作！

Answer 3

我不明白。

您試圖將背景顏色設置爲兩種顏色。你如何期待這個工作？多個背景圖像是有意義的，因爲您可以擁有透明的PNG。但顏色？你想在純色上放置純色（基本上覆蓋以前的顏色）？背景顏色適用於整個區域，所以您不能在空間中移動它。

要回答你的問題，除非你想到漸變，否則根本無法做到這一點。