Jquery 如何使预加载程序背景适合当前gif的整个页面?

Jquery 如何使预加载程序背景适合当前gif的整个页面?,jquery,html,css,preloader,codepen,Jquery,Html,Css,Preloader,Codepen,我试图帮助我的兄弟创建一个预加载程序,他为其制作自定义GIF,但我们遇到的问题是,GIF需要有一定的大小,并且在所有内容完全加载之前,预加载程序会屏蔽所有内容。我一直在尝试修改一些代码,这就是我到目前为止所做的。这是一个例子,我们希望它做什么,即GIF,但不希望看到任何其他内容背后的预加载 var预加载; 函数预加载(不透明度){ 如果(不透明度将背景颜色设置为#000,并将背景更改为背景图像,如 background-image: url(https://www.studio-aegis.c

我试图帮助我的兄弟创建一个预加载程序,他为其制作自定义GIF,但我们遇到的问题是,GIF需要有一定的大小,并且在所有内容完全加载之前,预加载程序会屏蔽所有内容。我一直在尝试修改一些代码,这就是我到目前为止所做的。这是一个例子,我们希望它做什么,即GIF,但不希望看到任何其他内容背后的预加载

var预加载;
函数预加载(不透明度){
如果(不透明度将背景颜色设置为#000,并将背景更改为背景图像,如

background-image: url(https://www.studio-aegis.com/uploads/1/0/3/8/10380626/custom_themes/921719032455054188/files/Orphan---Run.gif);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-color: #000;
将背景颜色设置为#000,并将背景更改为背景图像,如

background-image: url(https://www.studio-aegis.com/uploads/1/0/3/8/10380626/custom_themes/921719032455054188/files/Orphan---Run.gif);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-color: #000;

抱歉,我不知道如何将代码笔的插图放在这里。请尝试背景大小:cover@FaizalHussain我以前试过,但这会使整个GIF变得巨大,这基本上是不需要的,覆盖率达到这个水平,但是使用较小的GIF大小和总覆盖率,加上一个黑色屏幕,它不会让你把代码笔放在这里,因为你是我们希望在这里放置代码。我们需要的问题将对很多人有长期的帮助,当那支笔被删除时,这个问题将不再有帮助。请注意,您可以在这里添加一个关于堆栈溢出的可运行示例。另请参阅。@HereticmonkeyThank,我想我一直在尝试添加代码行,而不是opening堆栈代码段。但我现在知道如何操作了。感谢那些编辑此代码以符合要求的人!非常感谢!抱歉,我不知道如何在此处插入代码笔。请尝试背景大小:cover@FaizalHussain我以前也试过,但这使得整个GIF变得巨大,基本上不需要这样的覆盖率,但使用较小的GIF大小和黑色屏幕的总覆盖率,不允许您将代码笔放在此处,因为您应该将代码放在此处。我们需要的问题将对很多人有长期帮助,当该笔被删除时,此问题将不再有帮助。请注意,您可以使用添加runnab这里是关于堆栈溢出的示例。另请参见。@HereticmonkeyThank,我想我一直在尝试添加代码行,而不是打开堆栈片段。但我现在看到了如何操作。感谢那些编辑此代码以符合要求的人!非常感谢!这可能会达到目的!现在尝试使用它,而不是破坏他的网站,哈哈。非常感谢感谢您的及时回复。这可能会奏效!现在尝试使用它,而不是破坏他的网站,哈哈。非常感谢您的及时回复。