Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Sovrapporre un elemento ad un altro

    Salve,

    è possibile settare con i css un elemento in maniera che abbia una posizione "assoluta", ovvero occupi quella posizione anche se sotto è presente un'immagine, un testo, o quant'altro?

    grazie mille

  2. #2
    Sì, è possibile, usando l'attributo position:absolute; e poi specificando la posizione ASSOLUTA dell'elemento rispetto all'angolo in alto a sinistra della pagina, di coordinate 0,0.
    Usa poi l'attributo z-index per far prevalere o uno o l'altro elemento dei due che hai sovrapposto.
    z-index: 1=nascosto, 3=default, 4=l'elemento è in primo piano

    <HTML><BODY><STYLE>
    .c1 {
    position:absolute;
    top:0;
    left:0;
    }
    </STYLE>
    <DIV class="c1" style="z-index:4;">TESTO TESTO TESTO</DIV>

    </BODY></HTML>
    Open ur mind 'n ENJOY da' power of JavaSkript :-)...
    Coded by 16437952

  3. #3
    Originariamente inviato da 16437952
    Sì, è possibile, usando l'attributo position:absolute; e poi specificando la posizione ASSOLUTA dell'elemento rispetto all'angolo in alto a sinistra della pagina, di coordinate 0,0.
    Usa poi l'attributo z-index per far prevalere o uno o l'altro elemento dei due che hai sovrapposto.
    z-index: 1=nascosto, 3=default, 4=l'elemento è in primo piano

    <HTML><BODY><STYLE>
    .c1 {
    position:absolute;
    top:0;
    left:0;
    }
    </STYLE>
    <DIV class="c1" style="z-index:4;">TESTO TESTO TESTO</DIV>

    </BODY></HTML>
    no scusa un attimo, questa cosa che dici non l'ho mai sentita! z-index: 1=nascosto, 3=default, 4=l'elemento è in primo piano ???
    con z-index indichi il piano di livello di un elemento rispetto a un altro, cioè un div con z-index:2 sarà a livello superiore di uno con z-index:1 e inferiore a z-index:3. e non c'è limite al numero di livello (forse c'è un limite fisico tipo 255 o che so io!)

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.