Heim > Artikel > Web-Frontend > css背景图片 先加载完成 后渲染 问题，希望大家看看_html/css_WEB-ITnose
css背景图片 先加载完成 后渲染 问题，希望大家看看_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:11:272291Durchsuche
我有三张背景图片，但是，因为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>
……
恩，虽然不行，不过还是谢了(*^__^*) 嘻嘻……
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：加载不到CSS代码_html/css_WEB-ITnoseNächster Artikel：<a href="detailUserAction?id=${userMap[keyUser.userName].id}">查看详情</a>是什么意思_html/css_WEB-ITnose