页脚重叠内容

Question

我有这样的HTML结构：

<div id="content" class="container_12">
    <div id="right" class="grid_3 alpha">
        <div id="menu_right"></div>
        <div id="adv"></div>


    </div>
    <div id="main_c" class="grid_9 omega">s</div>


</div>
<div id="footer"></div>

但内容在页脚上重叠，我试过但没有发生任何事情。

这是CSS：

#footer {
    border-top: 4px dashed white;
    padding-top: 20px;
    margin-top: 40px;
    background-image: url("bannerbg.jpg");
}


#menu_right, #adv { width: 100%;
    min-height: 300px;
    background-color: #e3e3e3;
    margin-bottom: 10px;

    }


#main_c{
    height: 500px;
    background-color: #e3e3e3;
}
#content{
   // its blank
}

它显示如下：

我该怎么办？我试过清楚：内容和页脚之间： - ？

修改：在线查看，http://barcodes.ir/sap

Answer 1

看起来像css定位，也许你应该尝试在页脚中的相对位置。

请参阅this link以了解有关定位的更多信息。

Answer 2

快速解决方案：将这样的z-index: 1000;添加到#footer css规则集中。像这样：

#footer{
    z-index: 1000;
    ...
    ...
}

您的z-index必须高于任何其他内容。显然这些盒子的z值较高，所以你需要对它们进行重新定位。