Question

我有一个背景图片，我想使用$(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>

Answer 1

见this answer。基本上，您无法检测背景图像的加载事件（它应该在后台发生！）所以您使用图像元素加载图像，然后加载后（并且可以在浏览器中缓存）你将它设置为身体的背景图像。

Answer 2

请参阅此link。最好将背景图片提供给身体的图片标记

<img src='yourimage' id='img'/>

如何在背景图像满载时显示页面？

2 个答案: