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

Posted 2020-09-12 0Nullptr

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