Question

我管理一个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;
}

Answer 1

背景图片不存在：

http://accelepedia.com/accimages/background02.png＆lt;此文件返回404

当我设置以下内容时，它可以工作：

body {
 background-image: url(https://www.google.com/images/srpr/logo11w.png);
}

WordPress 85％宽度内容Div背景

1 个答案: