html - 内容的页脚重叠

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定位，也许你应该尝试在页脚中的相对位置。

请参阅此链接以了解有关定位的更多信息。

Answer 2

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

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

您的 z-index 必须高于任何其他内容。显然这些盒子有更高的 z 值，所以你需要重新设置它们。