我想在 Laravel 项目的 blade 中放置背景图片

Question

我刚开始将 laravel 用于一个项目，我希望我的主页有一个完整的背景 image.I 尝试了正常的 css html 方法，但它不是working.Here 是我的代码 home.blade.php:

<html>
<head>
  <title> AgroHelp Login</title>
  <link href="{{asset('css/home.css')}}" rel="stylesheet" />
</head>
<body>
<div class='view_parent_image1'>

    </div>
<p style ="text-align:center;">This is full screen</p>


</body>

这是home.css

.view_parent_image1{
   background-image: url('../resources/Image/JD.jpg');
   background-size: cover;
}

我的图片在 resources/Image/JD.jpg 中； home.css 在 public/css/home.css;

Answer 1

尝试这样的事情

body {
   background-image: url('../resources/Image/JD.jpg');
   background-size: cover;
}

Answer 2

在 Laravel 中，您的 CSS 文件无法访问 /resources 目录。

您应该将此图像从资源移动到 public 目录。查看 Laravel Mix - Copyin Files 以管理项目的 public 资产。

我认为应该适合你。

Answer 3

将您的图像放入 public/uploads 路径并使用此

.view_parent_image1{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url({{ URL::asset('uploads/background_image.png') }}) no-repeat center center fixed;
  background-size: cover;
}

Answer 4

看看这个：

.view_parent_image1{
   background: url('{{asset('uploads/'.$ourService->imageOne)}}');
   background-size: cover;
}

谢谢

我想在 Laravel 项目的 blade 中放置背景图片

I want to put a background image in a blade from a Laravel project

html

css

php

laravel

blade