J'ai 5 images, et je vais les chevaucher 5.Div/CSS/ZIndex - comment superposer des images?
J'ai lu beaucoup de CSS/Div et de chevauchement, mais je n'ai pas compris du tout.
J'ai un conteneur div 500 de largeur normale en tant que charge "de contenu".
Dans ce div, j'aurai 5 images qui se chevauchent.
J'essaye tout "position:", mais rien ne remplit ce que je veux.
<div style="position:relative">
<img src="1.png" style="position:absolute; top:0px; left:10px; z-index:0"/>
<img src="1.png" style="position:absolute; top:0px; left:20px; z-index:1"/>
<img src="1.png" style="position:absolute; top:0px; left:30px; z-index:2"/>
<img src="1.png" style="position:absolute; top:0px; left:40px; z-index:3"/>
<img src="1.png" style="position:absolute; top:0px; left:50px; z-index:4"/>
</div>
essayer cette
Voici un exemple complet avec html + Css
http://www.jsfiddle.net/rPAPz/
(il est essentiellement le même que @ la réponse de Dobiatowski mais avec transparence ajoutée pour mettre en valeur la réelle chevauchement ..)
Clarifier. * Comment voulez-vous que ceux-ci se chevauchent? Directement les uns sur les autres avec la transparence? Dans les 4 coins du conteneur avec un centré? Quelle? Dessinez une image et un lien vers celui-ci dans votre question. –