Ora ho capito (forse).
Obiezione:
Perche` 5 div ciascuno contentente un'immagine?
Non sarebbe meglio 5 immagini delle stesse dimensioni (con sfondo trasparente) che si devono sovrapporre? (la cosa dal punto di vista logico/funzionale non dovrebbe cambiare, ma diminuisce il numero di oggetti da inserire nella pagina).
Nota che l'attributo position, possiede 4 valori possibili:
- static The element is placed in a normal position (according to the normal flow). With the value of "static" we do not use the "left" and "top" properties
- relative Moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position
- absolute With a value of "absolute" the element can be placed anywhere on a page. The element's position is specified with the "left", "top", "right", and "bottom" properties
- fixed ( http://www.w3schools.com/css/pr_class_position.asp )
Mi pare che se vuoi inserire i 5 oggetti nella stessa posizione, devi usare il relative.
Poi ciascun oggetto dovra` avere lo stesso top e left (piu` semplice e` metterli a 0 ambedue), e naturalmente z-index diversi.
Esempio di codice:codice:HTML: <div id="contenitore"> [img]imm1.gif[/img] [img]imm2.gif[/img] ... </div> CSS: #contenitore { width: ...; /* larghezza e altezza di tutte le immagini */ height: ...; } #contenitore img { position: relative; top:0; left: 0; } #sovr1 { z-index: 10; } #sovr2 { z-index: 20; } ...

Rispondi quotando