Τι είναι το z-index;

Πρόχειρο

Το z-index είναι μια ιδιότητα CSS που ορίζει τη σειρά με την οποία στοιβάζονται τα στοιχεία σε μια σελίδα. Καθορίζει ποια στοιχεία φαίνονται πάνω από άλλα όταν επικαλύπτονται. Όσο μεγαλύτερη η τιμή του z-index, τόσο πιο μπροστά είναι το στοιχείο. Τα στοιχεία με μικρότερη τιμή εμφανίζονται πίσω από αυτά με μεγαλύτερη.

Το z-index λειτουργεί μόνο σε στοιχεία που έχουν ιδιότητα θέσης (position), όπως relative, absolute ή fixed. Χρησιμοποιείται συχνά στο web design για να οργανώνει στρώματα, όπως drop-down μενού, παράθυρα (modals) ή tooltips, ώστε να εμφανίζονται πάνω από το υπόλοιπο περιεχόμενο της σελίδας.

Βάλ’ το αμέσως σε εφαρμογή
στη δική σου ιστοσελίδα.

Ξεκίνα δωρεάν με το WEMASY και φτιάξε τη σελίδα σου σε λίγα λεπτά.