外部CSS背景图像未显示

我对外部CSS文件中的背景图像属性有问题。我似乎无法让图像显示出来。我已经有一段时间没有编码了，所以可能只是我忘记了我知道的一切，但我很确定我有正确的链接。网站是这样建立的

/Root/
   index.html
   /styles/
      webstyles.css
      /img/
         header.jpg

当我内联使用它时，背景会起作用，所以它开始让我烦恼

HTML

谢谢您的帮助。

您可以使用：

.headerBar
{
    background: url("styles/img/header.jpg");
}

background: url("styles/img/header.jpg");

因为

style

文件夹与HTML文件处于同一级别

---

但是，如果您的

img

文件夹未放在

styles

文件夹中（这更有意义），则您希望使用以下路径：

.headerBar
{
    background: url('img/header.jpg');
}

此外，您缺少目标类的

。headerBar

您可以使用：

.headerBar
{
    background: url("styles/img/header.jpg");
}

background: url("styles/img/header.jpg");

替换

background:url（/styles/img/header.jpg）

与

background:url（'img/header.jpg'）
如果此样式位于
webstyle.css
中，则需要使用此方式

.headerBar{
    background: url('img/header.jpg');
}

根据文件夹结构，
“style/img/header.jpg”
仍然是一条错误的路径

另外，我也不知道为什么，但是在选择
标题栏时，CSS类选择器缺少
。也要解决这个问题。
它是类选择器。我不知道我是怎么错过的，所以我现在要羞愧地把头埋起来。感谢您的帮助和快速响应。