我正在尝试调整 wordpress 网站,但似乎无法通过顶部的子 div 看到我的父 div 的背景之一。我已经为#main设置了背景图像。我正在使用的图像在底部逐渐变为白色,但是在渲染页面中,我只能看到顶部的 23 个像素左右,然后其余部分被阻止......我认为是#primary。
该站点使用基于Responsive的子主题,目前可以在此处查看。为了您的方便,我会复制/粘贴代码,但我不再确定代码的哪一部分负责我(未)看到的内容。因此,如果这没有足够的信息继续下去,我提前道歉:-/
我正在尝试调整 wordpress 网站,但似乎无法通过顶部的子 div 看到我的父 div 的背景之一。我已经为#main设置了背景图像。我正在使用的图像在底部逐渐变为白色,但是在渲染页面中,我只能看到顶部的 23 个像素左右,然后其余部分被阻止......我认为是#primary。
该站点使用基于Responsive的子主题,目前可以在此处查看。为了您的方便,我会复制/粘贴代码,但我不再确定代码的哪一部分负责我(未)看到的内容。因此,如果这没有足够的信息继续下去,我提前道歉:-/
在我看来,您有浮动问题并且div#main
正在崩溃。尝试各种清除浮动技术中的一种来防止这种情况。
例如,尝试#main { overflow: hidden }
作为测试 - 通常可以防止崩溃。
经典清除修复问题。给#main一个溢出:隐藏或尝试微清除修复如果有任何内容溢出盒子。
#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;
}
只有#main div
24px 高。这是因为所有孩子divs
都在漂浮。
添加一个
<div class='clear'>
和
.clear { clear: both}
就在你的结束标签之前#main