背景画像が 3 つありますが、X 軸と Y 軸を並べて表示する必要があるため、CSS スプライトは使用できません。ただし、この3つの背景画像は表示されないか、同時に表示されるようにしたいのです。したがって、最初にこれら 3 つの画像をロードしてから 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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
