Почему эта гифка не появляется? (html)

Question

Итак, я бы хотел, чтобы фон тела был одним гифом, который заполнял бы все это целиком. Он не появится.

<style type="text/css">
    body{
        width:100vw;
        height:100vh;
        background-image: url("The More You Know1.gif");
        background-size: cover;
    }
</style>

Answer 1

Пробелы не работают в заголовке активов. Замените все пробелы в имени изображения на% 20 в вашем CSS или измените имя файла так, чтобы вместо каждого пробела были символы подчеркивания или дефисы.

Исправить # 1

background-image: url("The%20More%20You%20Know1.gif");

Исправить # 2

Измените имя файла на TheMoreYouKnow.gif и обновите CSS соответственно.

Если файл по-прежнему не загружается, проверьте структуру файла, чтобы убедиться, что ваш GIF находится в том же каталоге, что и ваш файл index. html. Если это не так, вам нужно перейти к нему в вашем css следующим образом:

background-image: url("/images/The%20More%20You%20Know1.gif");