Ich habe ein Feld, das ich blau einfärbe, wenn dieses Feld ausgewählt wird (darauf geklickt wird). Zusätzlich füge ich ein kleines Zeichen (.png
Bild) zu diesem Feld hinzu, das anzeigt, dass das ausgewählte Feld bereits zuvor ausgewählt wurde.
Wenn der Benutzer also z.B. 10 Felder sieht und 4 davon dieses kleine Zeichen haben, weiß er, dass er diese Felder schon einmal angeklickt hat. Das hat bisher gut funktioniert. Das Problem ist nun, dass ich das kleine Zeichen nicht gleichzeitig anzeigen und das Panel blau machen kann.
Ich setze das Panel auf blau mit dem css background: #6DB3F2;
und das Hintergrundbild mit background-image: url('images/checked.png')
. Aber es scheint, dass die Hintergrundfarbe über dem Bild ist, so dass Sie nicht sehen, das Zeichen.
Ist es daher möglich, z-index
es für die Hintergrundfarbe und das Hintergrundbild zu setzen?
Sie müssen für jede Eigenschaft den vollständigen Namen verwenden:
background-color: #6DB3F2;
background-image: url('images/checked.png');
Sie können aber auch die Kurzschrift für den Hintergrund verwenden und alles in einer Zeile angeben:
background: #6DB3F2 url('images/checked.png');
wirklich interessantes Problem, habe es noch nicht gesehen. dieser Code funktioniert gut für mich. getestet es in Chrome und IE9
<html>
<head>
<style>
body{
background-image: url('img.jpg');
background-color: #6DB3F2;
}
</style>
</head>
<body>
</body>
</html>
body
{
background-image:url('image/img2.jpg');
margin: 0px;
padding: 0px;
}