возникли проблемы с добавлением фонового изображения в HTML - PullRequest
0 голосов
/ 04 июля 2019

Я искал везде, но не могу найти решение. Не отображается фоновое изображение. Мой код написан ниже. Я перепробовал все, но не смог. Кто-нибудь может мне помочь, пожалуйста?

@extends('layouts.app')

@section('content')

 <!DOCTYPE html>
   < html>

  < head>

   < title>fullscreen image background

   < /title>
   < style>

       html{ 

           background:url('fee.jpg')no-repeat center center fixed;
           -webkit-background-size:cover;
           -moz-background-size:cover;
           -o-background-size:cover;
           background-size:cover;

       }
       body{
           color: #FFFFFF;

       }

   </style>

  </head>
  <body>
  <p style="text-align: center;">This is a fullscreen background </p>
  </body>
  </html> 

@endsection````

Ответы [ 3 ]

0 голосов
/ 04 июля 2019

Когда я вставляю ваш код в мою локальную сторону (возвышенно), я вижу проблему с пробелами. Вы добавляете дополнительное пространство в html, заголовок, заголовок, закрытие заголовка и тег стиля, т.е. (не делайте этого). что он не принимает формат тегов HTML. так что это не работает. уберите это место.

попробуйте это работает:

 <!DOCTYPE html>
   <html>

  <head>

   <title>fullscreen image background

   </title>
   <style>

       html{ 

           background:url('fee.jpg')no-repeat center center fixed;
           -webkit-background-size:cover;
           -moz-background-size:cover;
           -o-background-size:cover;
           background-size:cover;

       }
       body{
           color: #FFFFFF;

       }

   </style>

  </head>
  <body>
  <p style="text-align: center;">This is a fullscreen background </p>
  </body>
  </html> 

спасибо

0 голосов
/ 04 июля 2019

попробуйте background-image: url ("fee.jpg");

0 голосов
/ 04 июля 2019

Проблема в том, что вы ставите между < и именами тегов.Так что уберите все пробелы и все заработает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...