【问题标题】: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')

【讨论】:

    猜你喜欢
    • 2012-07-20
    • 1970-01-01
    • 2014-10-20
    • 2016-06-27
    • 1970-01-01
    • 2011-05-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多