GIF фоновое изображение не появляется на моей странице

Question

Я хочу использовать GIF-файл в качестве фонового изображения на моей веб-странице, но он не работает, когда я стилизую его в CSS.

CSS

Body{
 background-image: url("1554323659436.gif");
 background-repeat: no-repeat;
 background-size: 50% 50%;
 content:white;
 width: auto;
}

Я убедился, что имя GIF является точным, но изображение не отображается на заднем плане страницы. Может кто-нибудь помочь?

Answer 1

Надеюсь, этот ответ поможет.Исходя из моего опыта, изображения gif или изображения вообще не отображаются, если структура папок определена неправильно.Пожалуйста, проверьте стандартный формат для прикрепления GIF или любого типа изображения в фоновом режиме HTML

body {
 background-image: url("[path_to_image]/1554323659436.gif"); /* The image used */
 background-color: #cccccc; /* Used if the image is unavailable */
 height: 500px; /* You must set a specified height */
 background-position: center; /* Center the image */
 background-repeat: no-repeat; /* Do not repeat the image */
 background-size: cover; /* Resize the background image to cover the entire container */
}

Обратите внимание, что все другие атрибуты могут быть необязательными, кроме первого.Удачи!