HTML设置背景图像路径[重复]答案

【问题标题】：HTML setting background-image PATH [duplicate]HTML设置背景图像路径[重复]
【发布时间】：2023-03-20 04:14:01
【问题描述】：

我遇到了一些问题，因为我无法从 CSS 文件中设置背景照片。

我正在使用 netbeans。我有一个名为 css 的文件夹，里面有 global.css。在 global.css 里面我有这个代码：

body{
    background-image: url(/images/background.jpg);
}

Background.jpg 位于名为 images 的文件夹中，结构如下：

--Web Pages
     -css
         global.css
     -images
         background.jpg

     -index.html
--Source Packages
--etc

它不工作，为什么？

【问题讨论】：

【解决方案1】：

css 加载是否正确？如果是这样，那么看看 url: using trailing hash before images/ 链接到您的服务器的根目录，但您的图像不存在。使用../ 进入您的文件系统并然后进入您的images 文件夹。这应该有效：

body{
    background-image: url(../images/background.jpg);
}

【讨论】：

【解决方案2】：

将路径更改为：background-image: url(../images/background.jpg);

【讨论】：

【解决方案3】：

目前，它位于 css(global.css) 内部，应该向上一层（css 文件夹、images 文件夹），然后进入 images 文件夹。

body{
    background-image: url(../images/background.jpg);
}

【讨论】：