css - 背景图像在 github 页面上不起作用

Question

奇怪的问题，在本地测试时一切都很好，但在 github 页面上却不行。

图像位于/img 下，其中指向该图像的 sccs 位于/scss/pages/ 下，因此在这种情况下，我需要返回两个目录。它看起来像这样：

  background-image: url('../../img/blob-shape.svg');

正如我在本地所说，这很好，但不是 github 页面。为什么？

您可以在此处查看项目结构： https ://github.com/geborskimateusz/my-resume

和 github 页面（此 svg 位于最新作品部分）： https ://geborskimateusz.github.io/my-resume/

标签： csssassbackground-imagerelative-path

Answer 1

不要在生产中使用相对位置。

尝试这个：

background-image: url('/img/blob-shape.svg');