css - 怎么才能让一张图片铺满整个浏览器？

问题描述

问 题

怎么才能让一张图片铺满整个浏览器？并且随浏览器的缩小而缩小，谢谢！

解决方案

包你满意

html, body
{
    margin: 0;
    padding: 0;
    background: url('images/background.png');
    repeat: no-repeat;
    background-attachment:fixed;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg', sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg', sizingMethod='scale');
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

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

这篇关于css - 怎么才能让一张图片铺满整个浏览器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！