css - chrome 页脚重叠内容尽管清晰 :both used

Question

我的页脚 div 与 chrome 浏览器中的内容重叠，尽管我已经清除了它。有人可以用 css 给我指出正确的方向吗？我应该使用 if is chrome javascript 吗？

http://archibaldbutler.com/projects/roaming-giraffe/html/

谢谢

Answer 1

如果页脚一直设计在页面底部，那么这样做:

.footer-bg {
    clear: both;
    bottom: 0px;
    position: fixed;
    width: 996px;
    height: 192px;
    background-image: url('../html/images/footer-bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}

.content-bg2 {
    clear: both;
    float: left;
    margin-top: 10px;
    margin-bottom:192px;
    width: 996px;
    height: 369px;
    background-image: url('../html/images/maincontent2bg.jpg');
    background-position: center top;
    background-repeat: none;
}

如果它应该位于该内容区域的底部，则执行此操作:

.footer-bg {
    clear: both;
    bottom: 0px;
    width: 996px;
    height: 192px;
    background-image: url('../html/images/footer-bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}