CSS scatola di ombra su un div viene nascosta da altre div

ho due scatole, sono impilati verticalmente. Voglio che il div principale abbia un'ombra di casella sul suo bordo inferiore. L'ombra del riquadro superiore è nascosta dietro la scatola in basso.CSS scatola di ombra su un div viene nascosta da altre div

Come posso risolvere questo problema?

fonte

2012-02-18 Don P

È possibile utilizzare:

sia

#first{ 
    position:relative; 
    z-index:2; 
}

#second{ 
    margin-top:10px; 
}

PS: Ci scusiamo per gli errori risposta precedente. - Esempio mostrato: http://jsfiddle.net/fdezluis96/FRQKA/

Buona fortuna!

fonte

2012-02-18 16:55:12 Luis

Dovrebbe essere 'posizione: relative', non' absolute', e non c'è alcuna necessità di una tale ridicolmente alto 'z-index'. – BoltClock

Posso solo fare z-index: 2? –

Certo che puoi, qui si ha una JSFiddle che mostra entrambe le opzioni, buona fortuna - http://jsfiddle.net/6CUqd/2/. Ho aggiornato la risposta per soddisfare la vostra esigenza @DonnyP – Luis

O semplicemente aggiungere un margin-bottom: 10px o qualcosa in cima div

fonte

2012-02-18 16:56:58 jribeiro

Ciò spinge verso il basso il div inferiore, che dubito fortemente del comportamento desiderato. – BoltClock

non può spingere verso il basso la casella in basso –

ok. frainteso. scusa – jribeiro

CSS scatola di ombra su un div viene nascosta da altre div

risposta

Problemi correlati