首页 > 其他 > 详细

让一张图片铺满整个浏览器

时间:2017-04-18 22:09:06      阅读:270      评论:0      收藏:0      [点我收藏+]
 1 <style type="text/css">
 2             html, body
 3                 {
 4                     margin: 0;
 5                     padding: 0;
 6                     background: url("images/background.jpg");
 7                     repeat: no-repeat;
 8                     background-attachment:fixed;
 9                     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
                   (src="images/background.jpg", sizingMethod=‘scale‘)
; 10 -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
                    (src="images/background.jpg", sizingMethod=‘scale‘)
; 11 background-size: cover; 12 -moz-background-size: cover; 13 -webkit-background-size: cover; 14 } 15 </style>

其中images/background.jpg是你的图片url。
此代码兼容IE6/7/8/9以及所有现代浏览器。

让一张图片铺满整个浏览器

原文:http://www.cnblogs.com/0Nullptr/p/6730587.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!