Question

将图片移到图像文件夹时，设置背景图像时出现问题。

当我的文件夹结构如下所示

 Site
   |
   |+ index.html
   |
   |+ style.css
   |
   |+ image.jpg
   |
   |+ images
          |
          |other images

在我的stlye.css文件中，我可以正常运行以下内容，并且背景图像正确显示

#topContainer {
    background-image: url("image.jpg");
    height: 400px;
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #f2f2f2;
    text-shadow: -0.3px -0.3px 0 #73736d, 0.3px -0.3px 0 #73736d, -0.3px 0.3px 0 #73736d, 0.3px 0.3px 0 #73736d;
}

但是，如果我将image.jpg移到images文件夹，并将css中的背景图像行更改为以下任意一项，则该图像不再显示

background-image: url("images/image.jpg");
background-image: url("/images/image.jpg");
background-image: url('images/image.jpg');
background-image: url('/images/image.jpg');

我以为所有这些都应该起作用，但是我应该以另一种方式输入背景图像的文件路径吗？

Answer 1

尝试：background-image: url('@/images/image.jpg');

如何在子目录中使用背景图片？

1 个答案: