我的个人网站的背景图片未显示。我认为我的路径是正确的 url('../images/IMG_1.png) 但不确定

Question

我是 cs 的新手，想尝试创建一个个人网站来找乐子。 我曾多次尝试使用我文件中的图像作为我个人网站的背景。我试图阅读路径的工作原理，但我似乎无法为图像设置背景。

请检查我的 github 存储库以获取所有代码： https://github.com/HarnoorDhillon/HarnoorDhillon.github.io

Answer 1

我刚刚查看了您的 git 存储库，您的图片似乎有误。它坏了或什么的。但是对于 style.css 你可能想把 background-image: url("../images/IMG_1.png"); 放在正文下面而不是 html 因为这通常是那种东西的地方。

例如，

body { 
    background-image: url("../images/IMG_1.png");
   /* Other stuff like background-color, font, etc.*/
}

Answer 2

旁注：该图片超过 3800 x 2600 像素，将近 16MB，即使是全屏背景图片也有点大。您可以轻松地将尺寸减半（这大约是文件 size/download 时间的四分之一），而不会明显降低视觉清晰度。