php页面背景url不显示图片,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

My website

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

#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的目录结构, 以便我们可以看到你可能遵循的路径。