css背景图片 先加载完成 后渲染 有关问题，希望大家看看
日期：2014-05-17 浏览次数：20944 次
css背景图片 先加载完成 后渲染 问题，希望大家看看
我有三张背景图片，但是，因为x和y轴都要平铺，所以不能用css sprites。但是，我想这三张背景图片 同时 显示，要么不显示，要么同时显示。所以 我想要先加载完 这三张图片，再开始 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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
