我有三张背景图片,但是,因为x和y轴都要平铺,所以不能用css sprites。但是,我想这三张背景图片 同时 显示,要么不显示,要么同时显示。所以 我想要先加载完 这三张图片,再开始 css的渲染。怎么样才能做到呢?
谢谢大家~
<!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>
HTML code
nbsp;HTML>