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 (图片的路径为相对本代码文件的路径)。

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