Url 为什么我的背景图像没有显示在github.io上?
我已经为我的背景包括了两个svg图像,一个在顶部,另一个在底部。在我的本地主机(live server)上,它们显示时没有任何问题,但现在在github上上传时,根本没有显示。我不知道出了什么问题,因为所有的资产(包含图像的文件夹)都已正确上载。 Chrome显示此错误: 2获取404Url 为什么我的背景图像没有显示在github.io上?,url,github,background-image,Url,Github,Background Image,我已经为我的背景包括了两个svg图像,一个在顶部,另一个在底部。在我的本地主机(live server)上,它们显示时没有任何问题,但现在在github上上传时,根本没有显示。我不知道出了什么问题,因为所有的资产(包含图像的文件夹)都已正确上载。 Chrome显示此错误: 2获取404在此处输入图像描述 我是一个noob,正在做我的第一次网页尝试:'v,也是github的新手。 这是我的github存储库: 这是我的项目github url: 非常感谢你的时间和你善良的灵魂D项目站点可在ht
在此处输入图像描述
我是一个noob,正在做我的第一次网页尝试:'v,也是github的新手。
这是我的github存储库:
这是我的项目github url:
非常感谢你的时间和你善良的灵魂D项目站点可在
http://.github.io/
在您的情况下:(不是https://github.com/ruth9403/pricing-toggle-hamburger.github.io
)
确保选中以激活页面发布。确保(默认情况下,对于项目页面,它将是
gh页面
分支)。您的路径有问题。您的CSS文件位于文件夹资产中。解析后的绝对CSS路径指向https://ruth9403.github.io/pricing-toggle-hamburger.github.io/assets/assets/images/bg-bottom.svg
将资产
文件夹翻倍
因此,您必须将背景的图像路径更改为images/bg bottom.svg
。基本上,你的相对路径有问题。对于CSS文件,CSS文件所在的文件夹始终用作遍历的“起点”
我们应该解决这个问题:
body {
background: url("images/bg-bottom.svg"), url("images/bg-top.svg");
}
至少对我来说是这样的:p.对于gh页面来说,这是一个很好的通用点,但我不认为这是背景不显示的问题。这与所使用的相对路径有关。@thex在此之前,它本身就存在URL问题。非常感谢!,真的是这样!!:D@RuthJimenez不客气!对此我十分肯定:P。