css在兩個不同的類css3中的背景圖像的背景漸變

Question

是否可以在同一個元素的兩個不同的類上定義背景圖像和背景漸變？

input[type=password] { 
    background-image: url(/images/icons/glyphicons_203_lock.png); 
    background-size: 17px auto; 
    background-position: 9px 5px; 
} 


.err input[name] { 
    background: -moz-linear-gradient(top, #ffdddd 0%, #ffeeee 100%); 
} 

發生錯誤時，圖標會丟失。

我使用的是「less」，如果這有幫助的話，我想避免的是必須分別在每個.err元素上定義每個圖標，這將會是很多重複代碼。

Answer 1

您使用的，梯度將覆蓋圖像，因爲梯度也是一個形象，你可以通過圖像和這樣的梯度分離使用CSS3多背景的方式，它會給你的圖像和漸變

background-image: url('url'), -moz-linear-gradient(top, #ffdddd, #ffeeee);