Forstå CSS absolutt posisjonering og Layering

v nettsiden din. Som du kan se av denne muligheten, elementet plassert slik, måtte dekke de elementene som er i normal flyt; og dette er hva som faktisk skjer. Du kan ha mange elementer som dekker hverandre. Danner det synspunkt av websiden brukeren, er ett element foran, er det annet element bak den første, er det neste ene bak den andre, og så videre. Dette dekker av elementene kalles lagdeling. Denne gruppen omfatter elementer kalles en stabel. Posisjonen til et element i denne bunken kalles Stack nivå eller z-index posisjon.

Alt er likt, er kroppen element anses å være på z-index posisjon null. Elementene i den normale flyten anses å være på z-index stilling 1. Du kan deretter plassere elementer i bunken fra z-index posisjon 2 oppover. Så hvis du har tre element å stable, vil man være på z-index posisjon 3, en annen og z-index posisjon 4 og en på z-index posisjon 5. element med størst z-indeksen er den ene brukeren er å se fremst; resten er covered.

To gjøre absolutt posisjonering, du trenger minst følgende fire CSS egenskaper: positionThis eiendom tar verdien, "absolutt", som betyr at du vil ha absolutt posisjonering. For normal flyt plassering eller posisjon, trenger du ikke denne egenskapen eller noen eiendom i det hele tatt.