圖像和漸變的CSS背景，如何寫入多行？

Question

我想表達以下CSS屬性定義分解爲每個單獨的屬性。

這是一個班輪屬性定義它不工作：

div{ 
    background: url('packages/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; 
} 

我試過，但它不工作：

div{ 
    background: linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; 
    background-image: url('packages/select2/select2.png'); 
    background-repeat: no-repeat 100% -22px; 
} 

Answer 1

編輯：

其實，這不是可以通過定義各個屬性來按照自己想要的方式分層。由於您試圖以不同方式定位和重複圖層，因此唯一的方法是使用單行background定義。否則，你只會覆蓋以前的屬性定義。如果你對所有圖層都有一個background-position屬性，那麼它會起作用，但是否則不會。

可以在圖層之間使用單行的background定義，也可以將背景分成多個元素並將它們分層放入DOM中。