html - div 出现在后台

Question

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

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

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

Answer 1

在页脚中添加了以下内容。

#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;
}

Answer 2

#shadow您的 CSS 与工作页面不同。

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