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

Question

奇怪的问题，在本地测试一切正常，但在github页面上却不行。

图片位于/img下 指向此图像的 sccs 位于 /scss/pages/ 下 所以在这种情况下，我需要返回两个目录。 它看起来像这样:

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

正如我在本地所说的那样，它很好，但不是 github pages。为什么？

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

和 github 页面(这个 svg 放在最新作品的部分): https://geborskimateusz.github.io/my-resume/

Answer 1

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

试试这个:

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