Έχω πίνακα που χρωματίζω μπλε αν αυτός ο πίνακας είναι επιλεγμένος (κλικ σε αυτόν). Επιπλέον, προσθέτω ένα μικρό σύμβολο (εικόνα .png
) σε αυτό το πάνελ, το οποίο υποδεικνύει ότι το επιλεγμένο πάνελ έχει ήδη επιλεγεί πριν.
Έτσι, αν ο χρήστης δει για παράδειγμα 10 πάνελ και τα 4 από αυτά έχουν αυτό το μικρό σημάδι, ξέρει ότι έχει ήδη κάνει κλικ σε αυτά τα πάνελ πριν. Αυτό λειτουργεί καλά μέχρι στιγμής. Το πρόβλημα τώρα είναι ότι δεν μπορώ να εμφανίσω το μικρό σημάδι και να κάνω το πάνελ μπλε ταυτόχρονα.
Έχω ορίσει το πάνελ σε μπλε χρώμα με το css background: #6DB3F2;
και την εικόνα φόντου με background-image: url('images/checked.png')
. Φαίνεται όμως ότι το χρώμα φόντου είναι πάνω από την εικόνα και έτσι δεν μπορείτε να δείτε την πινακίδα.
Είναι επομένως δυνατόν να ορίσετε z-index
es για το χρώμα φόντου και την εικόνα φόντου;
Πρέπει να χρησιμοποιήσετε το πλήρες όνομα της ιδιότητας για κάθε μία:
background-color: #6DB3F2;
background-image: url('images/checked.png');
Ή, μπορείτε να χρησιμοποιήσετε τη συντομογραφία του φόντου και να τα καθορίσετε όλα σε μία γραμμή:
background: #6DB3F2 url('images/checked.png');
πραγματικά ενδιαφέρον πρόβλημα, δεν το έχω δει ακόμα. αυτός ο κώδικας λειτουργεί καλά για μένα. το δοκίμασα στο chrome και στον 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;
}