码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-04-18 22:07:39      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:浏览器   get   str   round   css   代码   tac   for   loader   

 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以及所有现代浏览器。

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

标签:浏览器   get   str   round   css   代码   tac   for   loader   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!