如何在 laravel 9 中添加背景图片

Question

我正在尝试在 Laravel 9.51 中为我的网站添加背景图片。

我在我的 css 文件中使用了这个：

body {
background-image: url("background.jpg");
}

但是没用。还试过：

body {
background-image: url({{asset('background.jpg')}});
}

但它也不起作用。有任何想法吗？我的背景图片存储在公用文件夹中。 顺便提一句， 我可以在路线上从我的浏览器访问它： http://127.0.0.1:8000/background.jpg

Answer 1

试试这个

background: url("background.jpg") center center no-repeat;

Answer 2

身体{

background:url('url-photo-background');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
width: 100%;

}

Answer 3

你必须输入照片地址在本地

body {
background: url("/images/background.jpg");

};

Answer 4

实际上对我有用的是：

background-image: url("/background.jpg");

（图片保存在public文件夹，我用的是Vite）