Ga naar inhoud

Layers


anoniem

Aanbevolen berichten

De preciese naam is z-index; Via javascript kun je dit dynamisch aanpassen. Voorbeeld: [code:1:4077b07108] <script type="text/javascript" language="Javascript"> <!-- z = 10; //--> </script> <div style="z-index:5;width:100;height:100px;background:red;position:absolute;top:0px;left:0px;" onclick="this.style.zIndex = z++;"></div> <div style="z-index:4;width:100;height:100px;background:blue;position:absolute;top:10px;left:10px;" onclick="this.style.zIndex = z++;"></div> <div style="z-index:3;width:100;height:100px;background:green;position:absolute;top:20px;left:20px;" onclick="this.style.zIndex = z++;"></div> <div style="z-index:2;width:100;height:100px;background:yellow;position:absolute;top:30px;left:30px;" onclick="this.style.zIndex = z++;"></div> [/code:1:4077b07108]
Link naar reactie
uiteraard.. Dan moet je die div's een aparte id geven, <div id="div1" ...>..</div> <div id="div2" ...>..</div> en dan maak je, bijvoorbeeld, een link <a href="javascript:zUp('div1')">klik</a> <script type="text/javascript" language="Javascript"> <!-- z = 10; function zUp(id) { var o; if(document.getElementById) o = document.getElementById(id).style; else if(document.all) o = document.all[id].style; else if(document.layer) o = document.layer[id]; if(o) o.zIndex = z++; } //--> </script>
Link naar reactie
[quote:35ad86c400] Op 28-01-2002 21:05, schreef George W. Bush: Bij div'jes is het toch zo dat de laatste dic in de HTML-bron bovenop komt en de div die het eerst voorkomt in je bron helemaal onderop. ZO wekt het bij mij site in ieder geval. :wink: [/quote:35ad86c400] Da's bij ook zo, maar alleen als je de z-index niet opgeeft meen ik te geloven.
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

×
×
  • Nieuwe aanmaken...