Я только начал использовать laravel для проекта, и я хочу для своей домашней страницы полное фоновое изображение. Я попробовал обычный метод CSS CSS, но он не работает. Вот мой код 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;
}

Мое изображение в ресурсах / Image / JD.jpg; и home.css находится в public / css / home.css;

0
Chirica Andrei 1 Сен 2017 в 12:24

4 ответа

Лучший ответ

В Laravel ваш файл CSS не может получить доступ к каталогу / resources.

Вы должны переместить это изображение из ресурсов в общедоступный каталог. Ознакомьтесь с Laravel Mix - Copyin Files, чтобы управлять своим общественные активы проекта.

Думаю, это должно сработать для вас.

1
villaCebras 1 Сен 2017 в 09:45

Поместите свое изображение в путь 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;
}
0
vipin 1 Сен 2017 в 09:52

Попробуй что-нибудь подобное

body {
   background-image: url('../resources/Image/JD.jpg');
   background-size: cover;
}
1
Ali 1 Сен 2017 в 09:41

Проверь это:

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

Спасибо

0
Y. Joy Ch. Singha 9 Апр 2019 в 20:49