css背景图片先加载完成后渲染有关问题，希望大家看看-HTML教程-爱易网页

css背景图片先加载完成后渲染有关问题，希望大家看看

日期：2014-05-17　浏览次数：20771 次

css背景图片先加载完成后渲染问题，希望大家看看
我有三张背景图片，但是，因为x和y轴都要平铺，所以不能用css sprites。但是，我想这三张背景图片同时显示，要么不显示，要么同时显示。所以我想要先加载完这三张图片，再开始 css的渲染。怎么样才能做到呢？
谢谢大家~

------解决方案--------------------

HTML code


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>

    </head>
    <body>
        <div id="test" style="width:120px; height:120px;"></div>
        <script>
            function $(el){
                return typeof el == 'string' ? document.getElementById(el) : el;
            }
            
            var img = new Image;
            img.src = 'http://avatar.profile.csdn.net/D/2/3/2_yiqiejieruying.jpg';
            img.onload = function(){
                $('test').style.backgroundImage = 'url('+img.src+')';
            }
        </script>
    </body>
</html>