为什么没有显示此gif？ （html）

Question

因此，我希望身体的背景成为填满整个事物的一种gif。它不会显示。

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

Answer 1

在资产标题中不能使用空格。将图像名称中的所有空格替换为CSS中的％20，或更改文件名以在每个空格处使用下划线或连字符。

修复＃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");