Question

我正在尝试调整一个wordpress网站，但似乎无法通过顶部的子div显示我的父div的背景之一。我已经为 #main 设置了背景图片。我正在使用的图像在底部淡化为白色，但是在渲染页面中，我只能在其余部分被阻挡之前看到前23个像素左右...我想通过 #primary

该网站使用基于Responsive的子主题，目前可以查看here。我会复制/粘贴代码以方便您使用，但我不再确定代码的哪一部分对我（未）看到的内容负责。所以如果这还没有足够的信息可以提前道歉： - /

Answer 1

在我看来，你有一个漂浮问题而且div#main正在崩溃。尝试使用各种clear-float技术之一来防止这种情况发生。

例如，尝试#main { overflow: hidden }作为测试 - 通常会阻止崩溃。

Answer 2

经典明确修复问题。给#main一个溢出：隐藏或尝试micro clear fix，如果有任何内容溢出开箱即用。

#main {
    background: url("http://wp.massosteopathic.org/wp-content/uploads/2013/02/headerhand-contd.jpg") no-repeat scroll 0 0 transparent;
    clear: both;
    overflow: hidden;
    padding: 1.625em 0 0;
    z-index: 1;
}

Answer 3

#main div只有24px高。这是因为所有孩子divs都是浮动的。

添加

<div class='clear'>

与

.clear { clear: both}

就在#main

的结束标记之前

子div阻止父div背景的可见性

3 个答案: