CSS : image de fond sur la couleur de fond

Question

J'ai un panneau que je colore en bleu si ce panneau est sélectionné (cliqué dessus). De plus, j'ajoute un petit signe ( .png ) à ce panneau, ce qui indique que le panneau sélectionné a déjà été sélectionné auparavant.

Ainsi, si l'utilisateur voit par exemple 10 panneaux et que 4 d'entre eux comportent ce petit signe, il sait qu'il a déjà cliqué sur ces panneaux auparavant. Cela fonctionne bien jusqu'à présent. Le problème est que je ne peux pas afficher le petit signe et rendre le panneau bleu en même temps.

J'ai mis le panneau en bleu avec le css background: #6DB3F2; et l'image de fond avec background-image: url('images/checked.png') . Mais il semble que la couleur de fond soit au-dessus de l'image et qu'on ne puisse pas voir le signe.

Est-il donc possible de définir z-index es pour la couleur et l'image d'arrière-plan ?

Answer 1

background-color: #6DB3F2;
background-image: url('images/checked.png');

ceci devrait changer la couleur de l'image de fond

Answer 2

<li style="background-color: #ffffff;"><a href="http://stackoverflow.com/<%=logo_marka_url%>"><img border="0" style="border-radius:5px;background: url(images/picture.jpg') 50% 50% no-repeat;width:150px;height:80px;" src="images/clearpixel.gif"/></a></li>

Autre exemple de boîte Image centrale et couleur d'arrière-plan

1.Première zone d'image fixe clearpixel 2.style de la zone centrale de l'image 3.li background ou div style de couleur

Answer 3

body 
{
background-image:url('image/img2.jpg');
margin: 0px;
 padding: 0px;
}