背景图像问题

Question

我正在尝试添加一个背景图像，但是它在浏览器中签入时不会显示，也不会显示任何内容。我正在将.scss编译成一个CSS文件夹。

在这里，我附上我的文件夹的图像。

​

下面是我如何使用背景属性编写它：

.graphic-design {
  display: block;
  width: 100vw;
  height: 30vh;
  // background: yellowgreen;
  margin-top: -8vh;
  background-image: url('./images/mobile/image-graphic-design.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

Answer 1

也许这有用：

background-image: url('../images/mobile/image-graphic-design.jpg');

使用../可上升一级，然后转到“图像”文件夹。

如果您想在css中阅读更多关于文件路径的内容，可以阅读这文章。

Answer 2

这一定是路径的问题。你可以自己调试。检查您的开发工具(F12)

转到应用程序选项卡，再次加载应用程序/页面。

您将能够看到您的图像是否成功地从路径加载。您可能会在这里看到404错误，检查URL路径并调整代码以设置正确的路径。

​

​