javascript - 背景图片加载完毕后如何显示页面?

标签 javascript jquery html css

我有一个背景图像,我想使用 $(documnet).load() 设置一个事件,在图像完全加载时显示页面。我怎样才能做到这一点?

我的 HTML 代码:

<html>
    <script src="../js/jquery-1.10.2.js"></script>
    </script>
        <style>
              body{
                background-image: url('../images/heart-beat.png');
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
        </style>
    <body>
    Hello World
    </body>
</html>

最佳答案

参见this answer 。基本上,您无法检测背景图像的加载事件(它应该在后台发生!),因此您使用 image 元素加载图像,然后一旦加载(并且可能缓存在浏览器中),您将其设置为是正文的背景图像。

关于javascript - 背景图片加载完毕后如何显示页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25169766/

相关文章:

javascript - React Native Navigation Error : The action navigate with payload {"name": 192. 168.100.189:1900 0", "params":{}} 未被任何导航器处理

jquery - 多选下拉菜单 : Custom Checkbox

javascript - RubyMine JavaScript "cannot resolve directory"

html - 更改浏览器认为页面顶部的位置?

php - 更新下拉列表值并通过ajax处理它

html - 如何更改输入文本选定值的颜色

javascript - 尝试将图像上传添加到我的 meteor 表单帖子中

javascript - .load() 方法从父目录加载 .html 文件

javascript - Html 表格单元格值

jQuery 添加带有变量字符串的 html 元素