Ne yapmaya çalışıyorum olduğunu gösterir background-color background-image, yarısı benim div kapak doğru gölge arka plan görüntüsü, ve diğer sol kısmını kapsayacak arka plan rengi.

Ama kullandığımda background-image renk kaybolur.

Gayet olası bir öğe için arka plan olarak bir renk ve bir resim de kullanabilirsiniz.

background-color background-image stilleri ayarlayın. Eğer görüntü birden küçük elemanı ihtiyacınız için kullanın background-position tarzı yer, ve için engel yinelenen ve kapsayan tüm arka plan kullanın background-repeat tarzı:

background-color: green;
background-image: url(images/shadow.gif);
background-position: right;
background-repeat: no-repeat;

Ya da kompozit stilini kullanarak 12**:

background: green url(images/shadow.gif) right no-repeat;

Eğer kompozit tarzı background ayrı ayrı, sadece son kullanılacak her ikisi de kullanırsanız, o renk görünür değil neden olası bir nedeni var:

background: green; /* will be ignored */
background: url(images/shadow.gif) right no-repeat;

Bir yolu yoktur, özellikle sınır arka plan görüntüsü için kapak tek parça elemanı, böylece her zaman emin olun bu görüntü birden küçük öğesi veya herhangi bir saydam alanlar için arkaplan rengi için görünür.