두 개의 다른 클래스에서 css3의 배경 이미지가있는 CSS 그라디언트

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);