Ich habe ein Feld, das ich blau gefärbt habe, wenn dieses Feld ausgewählt ist (darauf geklickt). Zusätzlich füge ich .png
diesem Feld ein kleines Zeichen ( Bild) hinzu, das anzeigt, dass das ausgewählte Feld bereits zuvor ausgewählt wurde.
Wenn der Benutzer beispielsweise 10 Panels sieht und 4 davon dieses kleine Zeichen haben, weiß er, dass er bereits zuvor auf diese Panels geklickt hat. Das funktioniert soweit gut. Das Problem ist jetzt, dass ich das kleine Schild nicht anzeigen und gleichzeitig das Panel blau machen kann.
Ich habe das Panel mit dem CSS background: #6DB3F2;
und dem Hintergrundbild mit auf Blau gesetzt background-image: url('images/checked.png')
. Es scheint jedoch, dass die Hintergrundfarbe über dem Bild liegt, sodass Sie das Zeichen nicht sehen können.
Ist es daher möglich, z-index
es für die Hintergrundfarbe und das Hintergrundbild einzustellen ?