HTML&CSS——CSS中设定背景图片无法显示的解决办法

问题描述：

当前 .html 文件和 image 文件夹在同一目录下，均为当前项目根目录。
用如下代码在HTML中设定CSS样式，背景图片无法显示。

<!-- HTML代码 -->
<style type="text/css">
        body {
            background-image: url(/image/image1.JPG);
            background-repeat: repeat-y;
            background-position:bottom left;
        }
</style>

---

解决办法：

只需要将

background-image: url(/image/image1.JPG);

替换为

background-image: url(./image/image1.JPG);

---

原因分析：

在 CSS 样式中写的 background-image: url (图片的路径为相对本代码文件的路径)。

$./$ 表示当前目录
$../$ 表示上一级目录