背景图片:url() 似乎不适用于 Github 部署

问题描述 投票:0回答:1
  • 我一直在寻找这个解决方案一段时间,我仍然找不到解决问题的任何线索......
  • background-img: url() 在我的本地工作得很好但是当我部署到 Github 时,它只是一张空白图片。
  • 图片的路径目录之类的我都检查过了,我认为是正确的。我不知道问题出在哪里以及如何解决。

感谢大家的帮助!

enter image description here ^ 上面是我显示文件夹结构的屏幕截图 v 下面是我在本地工作的图片路径:

background-image: url("../../../assets/imgs/hotel.jpg")

  1. 我试过像这样改变路径(使用斜杠和“。”或两者都不使用):
../ or ../ or /
  1. 更改了图片格式(区分大小写等):
example.JPG or example.jp

即便如此,我还是将样式属性放入 hmtl 中......

但是 Github 部署页面似乎没有任何效果(提醒它在我的本地电脑上工作)

github url deployment path background-image
1个回答
0
投票

我自己解决了这个问题。我使用了一个技巧,在 HTML 文件中使用

background-image
url ('./images/description-background.jpg')
设置样式属性。这应该 100% 有效;给 GitHub 一点时间来加载图像。

© www.soinside.com 2019 - 2024. All rights reserved.