css - ボックスの影がフッター div の上に表示されないのはなぜですか?

Question

CSS の #footermain div にボックス シャドウがありますが、緑色のフッターの上に表示できません。私はすべてを試しましたが、それを理解することはできません。

#footermain {
    background: #1f6c04;
    width: 100%;
    -moz-box-shadow: 0 -5px 6px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 -5px 6px rgba(0,0,0,0.5);
    box-shadow: 0 -5px 6px rgba(0,0,0,0.5);
}

#footerinner {
    height: 150px;
    width: 960px;
    position: relative;
    margin: 0 auto;
}

これは、ページを検査したくない人のための私の CSS です。

Answer 1

与える

position : relative;

#フッターメインへ。