CSS 文件中设置背景图像的图像路径不起作用

Question

我想将 CSS 中的图像背景设置为 HTML 中的英雄部分，但它没有按预期工作。

Path of the HTML file: NAVBARS/index.html
Path of the CSS file: NAVBARS/assets/css/style.css
Path of the image: NAVBARS/assets/images/bg.jpg

你能告诉我是什么造成了这里的障碍吗？ 另外，我需要学习如何为文件设置路径以包含在其他文件中。

Answer 1

在决定要移动或包含某些内容的目录时。 这里有一些事情要记住。

• 同一个目录。/
• 后退1步../每后退一步就像../../
• 从该目录转发 {directory-name}

Answer 2

你应该写：

../images/bg.jpg

这样您的 css 应该是这样的：（为元素设置背景图像）

body {

     background-image: url("../images/bg.jpg");
     background-color: #cccccc;
    }