<body> <div id="hoofdblok"> Dit is de hoofdblok
<div id="geleblok"> Dit is de gele blok
</div> <div id="groeneblok"> Dit is de groene blok
</div> </div> </body>
In je browser zie je:
Dit is de hoofdblok
Dit is de gele blok
Dit is de groene blok
Zoals je ziet overlapt de groene layer de gele layer. Als we nu willen dat de gele layer de groene layer overlapt dan kunnen we het z-index: stijl element gebruiken.
<body> <div id="hoofdblok"> Dit is de hoofdblok
<div id="geleblok"> Dit is de gele blok
</div> <div id="groeneblok"> Dit is de groene blok
</div> </div> </body>