KOMPOOS.NL

z-index

home » manuals » css » z-index_.html

sitemap | terug naar het CSS-properties menu

uitleg z-index

Het shekel-symbool wat "achter" de kop is geplaatst, demonstreert het nut van z-index. Met z-index kan je makkelijk elementen (layers) op elkaar "stapelen". De layer met het hoogste "getal" is het meest prominent zichtbaar. Je kan ook een z-index het getal -1 geven. Dan zal deze "layer" zelfs "onder" de body "geplaatst" worden. Hieronder is wat css- en html- code geplaatst om als voorbeeld te dienen voor jouw website.

stylesheet voor het z-index gebeuren

<style type="text/css">
        .z_index{
                z-index:-1;
                position:absolute;
                top:0;
                left:140px;
                font-size:12em;
                background:inherit;
                color:#ada}
</style>

html-code voor het z-index voorbeeld

<div class="z_index">&#8362;</div>

Gebruik voor alle voorbeelden op de http://kompoos.nl een valide html5 pagina.