jak nakładać się dwa div w css?

Mam dwa div sympatie,jak nakładać się dwa div w css?

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

i css klasy

.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; 
    }

można zobaczyć wynik Here :)

Chcę pokrywają te dwie div sympatie,

enter image description here

Źródło

2013-05-04 zey

trzeba dać im różne nazwy klas i przenieść jeden. może używając względnej pozycji lub css3 przetłumaczyć – btevfik

Możliwy duplikat: ** [CSS: Nakładaj dwa pływające elementy na siebie] (http://stackoverflow.com/questions/9227007/css-make-two-floating-elements-overlap) ** –

tak, musisz zrobić dwie klasy jako '(.imgDivOne, .imgDivTwo)' :) Czy możesz pokazać mi przykład? – zey

dodaj do drugiego div bottomDiv

i dodaj to do css.

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

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

Źródło

2013-05-04 08:03:43 btevfik

+1, dziękuję, przydatne! – zey

See demo here trzeba wprowadzić calss additiona dla drugiego div

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

Źródło

2013-05-04 08:06:30 Rab

+1, edytowałem polubienia> 'top: -100px; pozycja: względna; lewa: 150px;' – zey

edytowany Ci fiddle wystarczy dodać z-index do elementu przedniego i pozycji odpowiednio go .

Źródło

2013-05-04 08:06:44 dinodsaurus

check to fiddle, a jeśli chcesz, aby przesunąć nakładającego div ustawionego stanowiska absolute następnie zmienić jego top i left wartości

Źródło

2013-05-04 08:13:17

jak nakładać się dwa div w css?

Odpowiedz

Powiązane problemy