Bu panel seçildiğinde (üzerine tıklandığında) mavi renk verdiğim bir panelim var. Ek olarak, bu panele, seçilen panelin daha önce seçildiğini gösteren küçük bir işaret (.png
resmi) ekliyorum.
Dolayısıyla, kullanıcı örneğin 10 panel görürse ve bunlardan 4'ünde bu küçük işaret varsa, bu panellere daha önce tıkladığını bilir. Bu şimdiye kadar iyi çalışıyor. Sorun şu ki, küçük işareti görüntüleyemiyorum ve paneli aynı anda mavi yapamıyorum.
Paneli css background ile mavi olarak ayarladım: #6DB3F2;
ve arka plan resmini background-image: url('images/checked.png')
ile ayarladım. Ancak arka plan rengi görüntünün üzerinde görünüyor, bu yüzden işareti göremiyorsunuz.
Bu nedenle arka plan rengi ve arka plan resmi için z-index
ler ayarlamak mümkün müdür?
Her biri için tam özellik adını kullanmanız gerekir:
background-color: #6DB3F2;
background-image: url('images/checked.png');
Ya da arka plan kısaltmasını kullanabilir ve hepsini tek bir satırda belirtebilirsiniz:
background: #6DB3F2 url('images/checked.png');
gerçekten ilginç bir sorun, henüz görmedim. bu kod benim için iyi çalışıyor. chrome ve IE9'da test ettim
<html>
<head>
<style>
body{
background-image: url('img.jpg');
background-color: #6DB3F2;
}
</style>
</head>
<body>
</body>
</html>