CSS背景图片不会加载

Question

我一直在做一个虚假的业务网站，以提高我的HTML，CSS和JavaScript技能。然而，我无法加载我的背景图像，如果你可以看看我的代码，看看有什么不对，那会很好。

Link to GitHub release

Answer 1

您正在访问的图像文件，该文件是在父文件夹，所以你需要使用两个点(../)去父文件夹，然后../Images/image.jpeg

使用此

CSS

background-image: url("../Images/pexels-photo-coffee-main.jpeg"); 

Answer 2

您需要使用../而不是./

../将向您发送一个目录，并且./将使您进入当前目录。

所以你行：

background-image: url("./Images/pexels-photo-coffee-main.jpeg"); 

实际上应该是：

background-image: url("../Images/pexels-photo-coffee-main.jpeg"); 

注如果你想回去多个目录，那么你可以做../../../会涨回去3为例。

Answer 3

确保目录结构正确。检查这个例子

html 
    |-assets/css/ 
    |-assets/js/ 
    |-assets/images/ 
    index.html 

然后当你要载入图像在CSS确保您的代码是

background-image: url('assets/images/image_file.jpg');