博主辛苦了，我要打赏银两给博主，犒劳犒劳站长。
【摘要】有的时候我们需要将背景图片平铺布满整个body页面，并且背景图片不移动。我们需要用到background-size这个属性实现铺满整个body页面
完整代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>如何让背景图片铺满屏幕</title>
<style type="text/css">
*{margin:0;padding:0;} body{ background: url('image/1.jpg') fixed no-repeat;background-size: cover;
}
div{width:100px;height:2000px;}</style>
</head>
<body>
<div></div>
</body>
</html>
演示地址：
http://mafutian.net/home/article/d/id/20.html源代码下载地址：
http://mafutian.net/public/home/download/demo/20.zip版权归 马富天个人博客 所有
本文标题：《如何让背景图片铺满屏幕》
本文链接地址：http://www.mafutian.com/20.html
转载请务必注明出处，小生将不胜感激，谢谢! 喜欢本文或觉得本文对您有帮助，请分享给您的朋友 ^_^
顶0
踩1
第 3 楼 票据资讯 2016-04-05 13:50:09 广东深圳
好文章，内容具有可读性，赞一个欢迎回访!
第 2 楼 票据资讯 2016-04-05 13:49:29 广东深圳
第 1 楼 iN视觉 2016-03-29 11:07:14 天津天津
欢迎光临，已回访~
| 评论审核未开启 |
|
||
|