Inzicht CSS Absolute positionering en Layering

reenkomstige hoogte voor u. Dit geldt voor images.Absolute Positionering en layeringIt is mogelijk voor u om een ​​HTML-element te positioneren op een bepaalde plaats op het gebied van uw webpagina. Zoals je kunt zien van deze mogelijkheid, het element zo gepositioneerd, zou de elementen die in de normale stroom te dekken; en dit is wat er werkelijk gebeurt. U kunt vele elementen die elkaar hebben. Vorm het oogpunt van de webpagina gebruiker één element ligt tegenover het andere element is achter de eerste, de volgende is achter de tweede enzovoort.

Deze bekleding van elementen lagen genoemd. Deze groep van die elementen wordt een Stack. De positie van een element in de stapel wordt de stapel niveau of z-index positie. Gelijke omstandigheden wordt het BODY element geacht een z-index positie nul. De elementen van de normale stroom wordt geacht een z-index positie 1. Vervolgens kunt u elementen in de stapel van z-index positie 2 naar boven. Dus als je 3 element te stapelen, zal men bij z-index positie 3, andere en z-index positie 4 en één op z-index positie 5.

Het element met de grootste z-index is het één van de gebruiker ziet vooral; de rest zijn covered.To absolute positionering te doen, moet u in ieder geval de volgende vier CSS-eigenschappen: positionThis eigenschap neemt de waarde, "absolute" betekent dat je absolute positionering wilt. Voor normale stroom plaatsing of positionering, hoeft u niet deze eigenschap of enig eigendom helemaal nodig.