div出现在后台

Question

试图得到这个： http://webdev.edulence.com/getchell/products-services/commercial-insurance/

看起来像这样： http://getchellcompanies.com/products/commercial.html

出于某种原因，底部的阴影div显示在包装器后面，带有白色背景，尽管在HTML中的包装器后出现阴影

Answer 1

#shadow在CSS中与工作页面不同。

#shadow {
    margin: -50px 0pt 0pt -65px;
    top: 44px;
}

Answer 2

将以下内容添加到页脚。

#footer{  margin-top: 60px;}

并使用以下样式作为阴影。

#shadow{
        background-image: url("images/dropShadow.png");
        height: 103px;
        position: absolute;width: 1121px;
        z-index: 1;
        clear: both;background-position: -15px 5px;
        background-color: transparent;
        background-repeat: no-repeat;margin-left: -40px;
        margin-top: -35px;
}