如何在Wordpress样式表中链接背景图像


how to link background image in stylesheet Wordpress?

.jumbotron {
    margin-bottom: 0px;
    background-image: url(../img/desktop-urania.jpg);
    min-height: 600px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

这是在HTML工作的CSS,但我正试图将HTML转换为WordPress,而转换我链接我的样式表在function.php(function urania_script_enqueue() {Wp_enqueue_style ('customstyle', get_template_directory_uri()。/css/urania.css,阵列("美元处理"、"src美元","美元deps","美元版本","媒体美元"),"1.0.0"、"所有");)

但是图像没有加载…

主题名称URANIA:: -> Css-> URANIA . Css(样式表)主题名称URANIA:: -> img -> desktop-urania.jpg (image)

请帮

请检查您的图像颜色模式,如果您的图像颜色模式是CMYK,那么它将无法在IE-8上显示,您需要将颜色模式更改为RGB。

如果你的图片颜色模式是正确的,那么如果你能分享实际的网站URL,这样我们就能正确地看到网站的结构。

PHP不能在css文件中工作,但是您可以使用内联wordpress函数。你可以只使用css。由于我的css(经过sass处理)在主题根目录下的一个文件中结束,我不得不更改我的文件路径。

下面的stackoverflow答案解决了我的问题。WordPress中的CSS背景图片

试着仔细检查你的文件路径,或者遵循wp惯例,把css放在根目录的styles.css中。参见get_template_directory_uri()。也许wordpress喜欢用引号括起来的路径?

.jumbotron {background-image: url("images/desktop-urania.jpg")}