我有一个 wordpress 网站，我正在使用 supersized全屏背景图片 slider 插件。
我想在正文加载所有站点内容之前显示静态全屏背景图像。
现在，我添加了这个 HTML:
<html class="no-js">
(我在html标签中添加了类no-js)
我在 css 中添加了这一行:
.js body { display: none; }
在页脚上，我添加了这段 jQuery 代码:
<script>
jQuery('body').fadeIn(5000); // fadein time in ms
</script>
从这里开始，我不知道如何继续。
我尝试使用 jquery 显示背景，但是...如果我隐藏正文 - 在 jQuery 加载它之前我实际上什么也做不了，对吗？有哪些替代方案？
最佳答案
从此更改您的 HTML:
<body>
*your content*
<body>
对此:
<body>
<div id="bgimage"></div>
<div id="content">*your content*</div>
<body>
将此 css 添加到 #bgimage:
#bgimage { position: absolute; width: 100%; height: 100%; background-image: url(*image url*); background-size: cover; }
而不是在 body 中淡出，在淡出 #bgimage 时淡入 #content
我认为这就是@trainoasis 他们评论的意思。
关于jquery - 页面介绍 - 主体淡入，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27620996/