come sovrapporre due div in css?

Ho due div calibro,come sovrapporre due div in css?

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

e css classe,

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

È possibile vedere il risultato Here :)

voglio sovrapporre questi due div calibro,

enter image description here

fonte

2013-05-04 zey

è necessario dare loro nomi di classi diverse e spostare uno. magari usando position relative o css3 translate – btevfik

Possibile duplicato: ** [CSS: crea due elementi mobili sovrapposti] (http://stackoverflow.com/questions/9227007/css-make-two-floating-elements-overlap) ** –

si, devi fare due classi come '(.imgDivOne, .imgDivTwo)' :) Puoi mostrarmi un esempio? – zey

aggiungi al secondo div bottomDiv

e aggiungi questo a css.

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

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

fonte

2013-05-04 08:03:43 btevfik

+1, grazie, utile! – zey

See demo here è necessario introdurre un calss additiona per il secondo div

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

fonte

2013-05-04 08:06:30 Rab

+1, ho modificato Mi piace> 'top: -100px; posizione: relativo; left: 150px;' – zey

si fiddle basta aggiungere z-index all'elemento di posizione anteriori e di conseguenza ho modificato .

fonte

2013-05-04 08:06:44 dinodsaurus

controllo questo fiddle, e se si desidera spostare il div sovrapposta si imposta la posizione del absolute poi cambiare è top e left valori

fonte

2013-05-04 08:13:17

come sovrapporre due div in css?

risposta

Problemi correlati