Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Layers

14 antwoorden
  • Ik heb 4 lagen boven elkaar staan, maar hoe kan ik nou bijvoorbeeld laag 3 naar boven halen?
  • layers waarin....? DHTML, Photoshop, Fireworks, ..., ...?
  • oh, sorry. Het is gewoon in html
  • layers in DHTML dus layers hebben x-, y- en z-positie z-positie bepaalt de plaats van de layer in de 'stapel' zeg maar, dus je zal met deze z-waarde moeten stoeien om hem hoger (bovenaan) in de stapel te krijgen
  • Dus als ik bijvoorbeeld laag 3 bovenaan wil hebben moet ik ervoor zorgen dat de z waarde van laag 1,2 en 4 verlaagd wordt, en de z waarde van laag 3 verhoogd wordt. Of heb ik alleen de z waarde van laag 3 te verhogen? <font size=-1>[ Dit Bericht is bewerkt door: Eddie L op 2002-01-28 16:32 ]</font>
  • De preciese naam is z-index; Via javascript kun je dit dynamisch aanpassen. Voorbeeld: [code:1:4077b07108] &lt;script type=&quot;text/javascript&quot; language=&quot;Javascript&quot;&gt; &lt;!-- z = 10; //--&gt; &lt;/script&gt; &lt;div style=&quot;z-index:5;width:100;height:100px;background:red;position:absolute;top:0px;left:0px;&quot; onclick=&quot;this.style.zIndex = z++;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;z-index:4;width:100;height:100px;background:blue;position:absolute;top:10px;left:10px;&quot; onclick=&quot;this.style.zIndex = z++;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;z-index:3;width:100;height:100px;background:green;position:absolute;top:20px;left:20px;&quot; onclick=&quot;this.style.zIndex = z++;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;z-index:2;width:100;height:100px;background:yellow;position:absolute;top:30px;left:30px;&quot; onclick=&quot;this.style.zIndex = z++;&quot;&gt;&lt;/div&gt; [/code:1:4077b07108]
  • Nu snap ik hem. Bedankt allemaal!
  • He, hier had ik nog nooit over nagedacht... leuk! t.
  • Kan ik zo'n laag ook naar boven brengen via een link buiten die div?
  • uiteraard.. Dan moet je die div's een aparte id geven, &lt;div id=&quot;div1&quot; ...&gt;..&lt;/div&gt; &lt;div id=&quot;div2&quot; ...&gt;..&lt;/div&gt; en dan maak je, bijvoorbeeld, een link &lt;a href=&quot;javascript:zUp('div1')&quot;&gt;klik&lt;/a&gt; &lt;script type=&quot;text/javascript&quot; language=&quot;Javascript&quot;&gt; &lt;!-- 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++; } //--&gt; &lt;/script&gt;
  • 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:
  • Nogmaals bedankt.
  • Haha tegelijk gepost! :smile: Ik was je een paar seconde voor!
  • [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.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.