我管理一个 WordPress 网站,在主要内容 div 后面应用自定义背景时遇到了一些麻烦。这是该网站的链接:AccelePedia。您会看到主要内容 div 设置为 85% 宽度,并且每一边都是空白。我已经尝试了所有方法,但我无法将背景应用到那个空白区域。我在下面包含了与我们正在查看的 div 相关的代码。在这里的任何帮助将不胜感激。:)
如果它有帮助,我正在运行带有 2013 主题的 Wordpress 3.6.1。(我已经修改了。)
谢谢!
/**
* 3.0 Basic Structure
* ----------------------------------------------------------------------------
*/
body
{
background: url(http://accelepedia.com/accimages/background02.png) repeat-x top left;
width: 100%;
}
.site {
background: url(http://accelepedia.com/accimages/background02.png) repeat-x top left;
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
max-width: 1600px;
width: 100%;
}
.site-main {
position: relative;
width: 85%;
margin-left:auto;
margin-right:auto;
margin-top: 5px;
border: 5px solid gray;
background: #000;
z-index: 1000;
}
.site-main .sidebar-container {
background-image: url(http://accelepedia.com/accimages/background02.png)
height: 0;
position: absolute;
top: 40px;
width: 100%;
z-index: 1;
}
.site-main .sidebar-inner {
background-image: url(http://accelepedia.com/accimages/background02.png)
margin: 0 auto;
max-width: 1040px;
}