CSS中的背景图像方法

Question

为什么图片没有显示在我的网页上？谁能解释一下它的工作原理及其解决方案？

HTML:
<div class="bg-image"></div>

CSS:
.bg-image {
background-image:url("photo1.jpeg");
width: 400px;
height: 600px;
background-size: cover;
background-repeat: no-repeat;
}

Answer 1

我认为您的图片位置和图片位于同一文件夹中，您可以尝试使用此CSS代码吗？

background-image: url("../photo1.jpeg");

如果使用文件夹，则将它们添加到.//之后。

background-image: url("../images/photo1.jpeg");

Answer 2

如果您的图像位于同一文件夹中，请尝试以下操作：

background-image: url("./photo1.jpeg");

如果不是，那么：

background-image: url("..folder1/folder2/photo1.jpeg");

并确保没有错字！