改变wordpress二十三主题的背景

时间:2015-09-03 13:40:13

标签: css wordpress wordpress-theming

我正在尝试将背景图像放到wordpress二十三主题静态主页上。我创建了一个子主题,并将以下代码放在子主题中的 style.css 中。

body{
    background:url('wp-content/uploads/2015/09/Road-604x270.jpg');
}

#main{
     background:url('wp-content/uploads/2015/09/Road-604x270.jpg');
}

我已在wordpress中通过上传媒体上传了一张图片 Road.jpg 。该文件及其创建的不同大小的文件位于 wp-content 下的上述路径中。我决定使用604X270像素的原始尺寸图像,但不显示背景图像。我在定义图像的路径时是否犯了错误,或者是代码本身的错误?

3 个答案:

答案 0 :(得分:0)

尝试使用整个网址:

#main{
    background-image: url(http://your_domain/wp-content/uploads/2015/09/Road-604x270.jpg);/* without '' */
}

而不是

 #main{
        background-image: url('wp-content/uploads/2015/09/Road-604x270.jpg');
    }

答案 1 :(得分:0)

在设置背景图像时,请确保容器有一定高度或不为空。

答案 2 :(得分:0)

尝试使用像Aminesrine这样的整个网址,但检查你的图片的名称,因为你说已经上传了一个名为Road.jpg的图片并希望使用原始尺寸,然后尝试:

#main{
    background-image: url(http://domain/wp-content/uploads/2015/09/Road.jpg)
}