css - 使用 CSS 添加背景图片

Question

我想用 css 添加背景图片，但它不起作用。浏览器显示一个空白页面。

我的应用程序.css

home-body {
    background-image: url('/home.jpg') no-repeat center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;

}

文件 home.jpg 位于目录/public/home.jpg 中。

如何修复？

Answer 1

如果您使用的是外部 CSS 文件...请确保将图像文件链接到 CSS 文件。例如

-ROOT
-CSS
-文件.css
-背景.jpg
-index.html

你需要:

背景("../background.jpg");

因为“..”带你到一个目录:)