background-attachment用法

最新推荐文章于 2024-09-23 11:29:29 发布

原创最新推荐文章于 2024-09-23 11:29:29 发布 · 204 阅读

0 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

3 篇文章

订阅专栏

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

    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;