Ciao a tutti,
come faccio a posizionare un div sopra ad un' img..con js?..Ho provato position absolute ma inserendo l' img il div viene spostato sotto...
Possibile?
grazie
Ciao a tutti,
come faccio a posizionare un div sopra ad un' img..con js?..Ho provato position absolute ma inserendo l' img il div viene spostato sotto...
Possibile?
grazie
Generalmente la sintassi è:
riferimento.style.position="absolute";
Se non fuinziona c'è qualcos'altro. prova a postare il codice.
Gli oggetti vengono visualizzati secondo l'ordine con il quale vengono dichiarati nel sorgente della pagina... i successivi si sovrappongono ai precedenti a prescindere dal loro posizionamento assoluto.
Per alterare la priorita' puoi utilizzare lo z-index con i css o invertire l'ordine della dichiarazione degli oggetti.
ecco il codice:
non funziona...come si usano gli z-index?
<html>
<body>
[img]pippo.jpg[/img]
<div id="nome" style="position:absolute; top:120px">CIAO</div>
</body>
</html>
il tuo problema è che non usi la proprietà left
prova con questo codice
<html>
<body>
[img]pippo.jpg[/img]
<div id="nome" style="position:absolute; left:50px; top:120px">CIAO</div>
</body>
</html>
questo è l'uso di z-index
z-index : auto | valore numerico
Determina la priorità di visualizzazione del contenitore rispetto allo sfondo della pagina o rispetto ad altri contenitori posizionati sullo schermo. Si adopera generalmente quando un elemento si sovrappone ad un altro rendendolo illeggibile. Con auto l'ordine dei livelli è uguale per tutti gli elementi, mentre maggiore è il valore numerico superiore sarà il livello.
perfetto grazie mille...
Quindi per quanto riguarda z-index, significa che se io ho due liveli che si sovrappongono, mettendo il z-index di uno a 2 l' altro a 1, il 2 resterà sopra al 2 che restera sotto e illeggibile...
capito bene?
esatto!
Scusami avevo letto male
E' al contrario
Un valore z-index maggiore indica una priorità della visibilità rispetto ad un valore minore.
no avevi letto bene...il z-index a 2 restera sopra a z-index 1, sono io che mi sono "rigirato le parole"...Perfetto..
grazie mille
Permessi di invio
Rispondi quotando