css设定背景大图

id_dimu

于 2019-04-04 10:44:44 发布

阅读量241

点赞数

CC 4.0 BY-SA版权

分类专栏： demo

本文链接：https://blog.youkuaiyun.com/id_dimu/article/details/89015138

demo 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用 CSS 来设置图片作为背景并填充整个模块的方法。通过调整 background-size 属性为 100% 或 cover，可以使背景图片适应不同的屏幕尺寸，并保持图片的比例不变。此外，还介绍了如何设置背景的位置、固定方式等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将图片塞满整个模块：

.imgBg{
    background-image:url("");
    backgound-size:100%;
    //backgound-size:cover;  //效果类似 100%
    background-position:center;
    background-attachment:fixed;
}