单纯用图片铺满背景不重复
方法1:
body{
padding:0;
margin:0;
background:url(../images/vct.gif) 0 0 no-repeat scroll transparent;
background-size:cover;
}
缺点:适用于大图,背景图像的某些部分也许无法显示在背景定位区域中。
备注:****background-size更多了解请点击链接
http://www.w3school.com.cn/cssref/pr_background-size.asp 。
方法2
<div id="picbg">
<img src="images/vct114gif.gif" usemap="#tajimap" />
</div>
#picbg{
position:absolute; width:100%; height:100%; z-index:-1;overflow:hidden;
}
#picbg img{width:inherit;height:inherit;background-size:cover;}
缺点:图片会变形,不惧变形的可以一试