background-attachment用法

俊人呀

于 2021-05-27 10:12:44 发布

阅读量193

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/wangjunren1/article/details/117322416

css 专栏收录该内容

3 篇文章

订阅专栏

这篇博客探讨了如何使用CSS实现背景图片的全屏固定效果，包括背景颜色、图片定位和大小调整。文章详细解释了`background`属性的用法，以及`background-attachment`、`background-position`和`background-size`属性如何协同工作来创建一个视觉吸引人的页面背景。此外，还介绍了相对和固定定位在页面布局中的应用。

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

    background: #D9378B url(../images/video-bg.jpg) center center no-repeat fixed;
    background-size: cover !important;
    position: relative;
    padding: 80px 0;
    background-attachment: fixed !important;
    background-position: center center !important;