Reglering av överlagring av element längs Z-axeln i CSS
Ordningen för överlagring av element kan regleras
med hjälp av egenskapen z-index, som tar
sina värden som positiva eller negativa heltal,
eller noll. Egenskapen fungerar endast
för element vars värde position
är satt till absolute, fixed
eller relative.
När denna egenskap används är regeln
för överlagring av element följande: det element som kommer att ligga överst är
det med det högsta värdet på z-index.
Låt oss ändra ordningen på överlagringen av element
från föregående exempel. För att göra detta sätter vi
z-index för det första elementet högre
än för det andra, till exempel så här:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
Resultat av kodkörning:
Återskapa sidan enligt följande mönster:
Återskapa sidan enligt följande mönster:
