div の CSS ボックス シャドウが他の div によって隠れてしまう 質問する

div の CSS ボックス シャドウが他の div によって隠れてしまう 質問する

2 つのボックスがあり、垂直に積み重ねられています。上の div の下端にボックスの影を付けたいのですが、上のボックスの影は下のボックスの後ろに隠れています。

これを修正するにはどうすればいいでしょうか?

ベストアンサー1

以下を使用できます:

どちらか

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

または

#second{
    margin-top:10px;
}

追記: 前回の回答に間違いがあったことをお詫びします。 - 例を示します:http://jsfiddle.net/fdezluis96/FRQKA/

幸運を!

おすすめ記事