cách chồng chéo hai div trong css?

Question

Tôi có hai div thích,

<div class="imageDiv"></div> 
<div class="imageDiv"></div> 

và css lớp,

.imageDiv 
    { 
     margin-left: 100px; 
     background: #fff; 
     display: block; 
     width: 345px; 
     height: 220px; 
     padding: 10px; 
     border-radius: 2px 2px 2px 2px; 
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
    } 

Bạn có thể xem kết quả Here :)

Tôi muốn chồng chéo này hai div thích,

Answer 1

thêm vào giây thứ hai bottomDiv

và thêm số này vào css.

.bottomDiv{ 
     position:relative; 
     bottom:150px; 
     left:150px; 
    } 

http://jsfiddle.net/aw8RD/1/

Answer 2

See demo here bạn cần phải giới thiệu một calss additiona cho div thứ hai

.overlap{ 
    top: -30px; 
position: relative; 
left: 30px; 
} 

Answer 3

tôi thay đổi nội dung bạn fiddle bạn chỉ cần thêm z-index tới phần tử phía trước và định vị nó phù hợp .

Answer 4

séc fiddle này, và nếu bạn muốn di chuyển div chồng chéo bạn đặt vị trí của absolute sau đó thay đổi nó top và left giá trị