divのCSSボックスシャドーが他のdivによって隠される

2つのボックスがあり、縦に積み重ねられています。私は一番上のdivの下端にボックスの影を持たせたい。トップボックスの影は、ボトムボックスの後ろに隠されています。divのCSSボックスシャドーが他のdivによって隠される

これを修正するにはどうすればよいですか？

2012-02-18 Don P

あなたは使用することができます。

いずれか

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

または

#second{ 
    margin-top:10px; 
}

PS：前の回答のミスのため申し訳ありませんが。 - 表示例：http://jsfiddle.net/fdezluis96/FRQKA/

幸運！

2012-02-18 16:55:12 Luis

それがあるべき '位置をトップに。 – BoltClock

私はz-indexを2回することはできますか？ –

もちろん、両方のオプション、幸いなことを示すJSFiddleがあります。http://jsfiddle.net/6CUqd/2/私はあなたの要件に合わせて答えを更新しました@DonnyP – Luis

それとも、マージン下を追加します。relative`、ない `absolute`、および、そのような途方もなく高い` Z-index`のための必要はありません：10pxのか何かはdivの

2012-02-18 16:56:58 jribeiro

これは、下のdivを押し下げてしまいます。これは、望ましい動作であると私は非常に疑っています。 – BoltClock

下部のボックスを押し下げることはできません –

ok。誤解されました。申し訳ありません – jribeiro

答えて