html - 为什么我的背景图片不显示？

Question

我有一个问题，我的背景图片没有显示出来。我确信我的网址是正确的（因为我在其他方面使用过这个网址）。

这是我的 css 文件：

body{
    background : url(assets/image/main.jpg);

    background-size: cover;


}

所以发生了什么事？

这是我的文件夹结构：

/assets/
      css/
         style.css
      image/
         main.jpg
/index.html

标签： htmlcssbackground-image

Answer 1

删除background :URL 字符串之间的空格并添加引号，使其看起来像background: url("assets/image/main.jpg");

除此之外，只需确保此 css 文件的文件路径仍正确映射到该文件夹​​，仅仅因为它适用于一个 css 文件并不意味着它适用于另一个 css 文件，如果文件夹结构不同。