Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente bannato
    Registrato dal
    Apr 2003
    Messaggi
    1,119

    <div> su piani (livelli) diversi

    vorrei creare tre div su 3 piani diversi
    il primo sopra al secondo ma sotto al terzo...
    non ci riesco!
    uso document.element.style.zIndex=livello
    riesco però solo a metterne uno sotto a tutti gli altri...
    ho provato varie combinazioni, tipo
    1: 0
    2: 1
    3: -1
    o anche
    1: 2
    2: 1
    3: 0
    ma non funziona!
    forse c'è un numero di zIndex definito?

  2. #2
    Utente bannato
    Registrato dal
    Apr 2003
    Messaggi
    1,119
    non si capisce?

  3. #3
    non dovrebbe essere complicato, default dovrebbe essere zero però conta pure la dispozione nella pagina, a parità di z il successivo sta sopra il precedente ma se a loro volta stanno dentro altri div con position:relative conta anche lo z di questi, supponendo che tu abbia

    <html>
    <head>
    <title>Untitled</title>
    <style type="text/css">
    .primo {position:absolute;
    background:red;
    height:40px;
    top:0;
    width:300px;
    /* z-index:1*/

    }
    .secondo {position:absolute;
    background:silver;
    height:40px;
    top:10px;
    width:400px
    }
    .terzo {position:absolute;
    background:green;
    height:40px;
    top:20px;
    width:500px;
    z-index:2
    }
    </style>


    </head>
    <body>
    <div class="primo">primo</div>
    <div class="secondo">secondo</div>
    <div class="terzo">terzo</div>

    </body>
    </html>
    se al primo dai z-index:1 vedi che fa come chiedi


    lo fa anche se metti z-index (lo z-index?) del terzo a 1 perchè è successivo a primo.
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  4. #4
    Utente bannato
    Registrato dal
    Apr 2003
    Messaggi
    1,119
    grazie!
    avevo un position:relative di troppo!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.