Div/CSS/ZIndex - 사진을 중첩하는 방법은 무엇입니까?

Question

5 장의 사진이 있습니다.이 두 장을 겹칩니다.

많은 HowTo CSS/Div를 읽고 겹쳐 봤지만 전혀 이해하지 못했습니다.

정상적인 500 너비의 div 컨테이너가 "내용"필러입니다.

이 div에는 서로 겹치는 5 개의 사진이 있습니다.

나는 모든 "위치"를 시도하지만, 나는 원하는 것을 채우지 못합니다.

Answer 1

<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> 

다음은이

Answer 2

는 HTML + CSS로 완벽한 예입니다 시도

http://www.jsfiddle.net/rPAPz/

(그것은 기본적 Dobiatowski의 대답 @ 그러나 실제 쇼케이스에 추가 투명성과 동일 오버랩 ..)