我想将背景图像放在 Laravel 项目的刀片中答案

【问题标题】：I want to put a background image in a blade from a Laravel project我想将背景图像放在 Laravel 项目的刀片中
【发布时间】：2018-02-10 07:55:37
【问题描述】：

我刚开始在一个项目中使用 laravel，我希望我的主页有一个完整的背景图片。我尝试了普通的 css html 方法，但它不起作用。这是我的代码 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；

【问题讨论】：

你需要提供图片的完整路径
在 view_parent_image1 div 中添加一些内容...
Itried 完整路径但仍然无法正常工作。我尝试在 div 中添加一些内容。仍然无法正常工作。

标签： php html css laravel blade

【解决方案1】：

看看这个：

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

谢谢

【讨论】：

【解决方案2】：

将您的图片放入 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;
}

【讨论】：

【解决方案3】：

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

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

我认为这应该适合你。

【讨论】：

【解决方案4】：

尝试这样的事情

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

【讨论】：