css背景图片 先加载完成 后渲染 问题，希望大家看看_html/css_WEB-ITnose
- WBOY原创
- 2016-06-24 12:11:272316浏览
我有三张背景图片，但是，因为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>
……
恩，虽然不行，不过还是谢了(*^__^*) 嘻嘻……
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn