试图将图像作为 bg CSS SASS [关闭]答案

【问题标题】：Trying to put an image as a bg CSS SASS [closed]试图将图像作为 bg CSS SASS [关闭]
【发布时间】：2022-01-13 07:01:29
【问题描述】：

我一直在从 Traversy Media 的课程中学习一些 SASS，并且在停止编码几个月后一直被困在这个问题上：我正在尝试通过 url 将 showcase.png 作为我的 .landing 的背景，但我似乎找不到正确的路径。

我在 CSS 文件中使用的图像路径是 img/showcase.jpg。

【问题讨论】：

标签： css sass

【解决方案1】：

给定目录结构：

/
├── css/
│   └── style.css
└── dist/
    ├── img
    │   └── showcase.jpg
    └── css
        └── style.scss

图像路径必须相对于构建的 CSS 文件，而不是相对于未编译的 SCSS 文件：所以它应该是 ../dist/img/showcase.jpg。

【讨论】：

您好特里，感谢您的反馈。出于某种原因，我没有更改目录结构，但它适用于您建议的路径......我真的不知道为什么......顺便说一句，我对堆栈溢出有点陌生，我不知道知道为什么，但我收到一条警告，告诉我不要使用屏幕截图，我应该如何更改？
我认为当您的屏幕截图中有代码时，最好将其输入。例如。您可以将图像路径的 CSS 代码共享为格式化代码，然后附上描述您的文件夹结构的屏幕截图（或者甚至更好，使用 ASCII 艺术）。

【解决方案2】：

试试 url('../img/showcase.jpg')

【讨论】：