html 怎么让背景图铺满整个页面

2024-11-09 07:01:58

推荐回答（5个）

回答1：

下面这段代码给div设置了一个宽度和高度，然后添加了一张背景图片，并使用了background-size:cover;这个属性，就会自动放大或缩小背景图片来适应，但是需要指出的是这个属性在需要在IE9及以上版本支持，谷歌和火狐都支持，具体支持情况看上面的图，浅绿的代表支持，粉红的不支持，你也可以到caniuse.com自己查看支持性

无标题文档

.div1{width:500px;height:600px;background:url(images/class_nav.jpg) ;background-size:cover;}

回答2：

如果是background，一般没有这么弄的，有个替代方法是把图片放在标签内，设置它的宽和高度为100%，
参考：http://blog.csdn.net/ysf871104/article/details/5705099

回答3：

我自己试出来的，希望有用
例子，用css
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>

回答4：

background-size: 100% 100%;
background-position: top center;

回答5：