WordPress背景URL不显示图像

我正在从头开始构建WordPress主题。我正在尝试从youtube视频(https://youtu.be/TlmDsU8GirU?t=3670)中学习, 但是即使我做的完全一样, 它仍然无法正常工作。

我想添加图像作为背景。以下代码与视频中的代码相同, 但无效。我在终端中收到此消息。

当添加而不是写’/images/background.jpeg’时, 我收到此消息, 但仍未显示任何内容。

当写’../images/background.jpeg’时, 我一遍又一遍地得到相同的消息, 但是没有任何效果。

app.scss

#hero {
height: 550px;
width:100%;
background: url('images/background.jpeg') #f0f0f0;}

webpack.mix.js

const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.options({
    processCssUrls: false
})
.js('src/app.js', './')
    .sass('src/app.scss', './');

front-page.php

<?php get_header();?>

<div id="hero">
    <div class="container d-flex align-items-center justify-content-center h-100">
        <h1>My website</h1>
    </div>

</div>



<?php get_footer();?>

这是我的路径(我认为？至少是文件夹)

#1

你最大的错误是

 `background: url('images/background.jpeg') #f0f0f0;}`  you can't use color with background-image.   

你可以使用 –

{background：url(‘../ images / background.jpeg’); background-color：background：＃f0f0f0; }

因为你的css必须位于css文件夹中, 而图像可能位于图像中的css文件夹之外, 或者

background: url('./images/background.jpeg');

如果在

style.css

    background: url('./assets/images/background.jpeg');

尝试使用这些路径, 否则可以显示文件和CSS的目录结构, 以便我们可以看到你可能遵循的路径。