body{
background-image:url(./assets/default.gif);
background-position:center;
background-size: cover;
background-repeat:no-repeat;
background-attachment: fixed;
}
更改网页大小效果如下,图片会自动放大缩小铺满网页,不过这样当网页变小时看不到整张图片。



本文介绍了一种使用CSS设置背景图片自适应网页大小的方法,通过调整图片的大小使其铺满整个网页,但当网页尺寸减小到一定程度时,部分图片内容将不可见。
body{
background-image:url(./assets/default.gif);
background-position:center;
background-size: cover;
background-repeat:no-repeat;
background-attachment: fixed;
}
更改网页大小效果如下,图片会自动放大缩小铺满网页,不过这样当网页变小时看不到整张图片。




被折叠的 条评论
为什么被折叠?