背景关联

最新推荐文章于 2023-03-06 21:30:56 发布

jwz934738949

最新推荐文章于 2023-03-06 21:30:56 发布

阅读量310

点赞数

分类专栏： HTML与CSS

本文链接：https://blog.csdn.net/jwz934738949/article/details/89070180

版权

HTML与CSS 专栏收录该内容

73 篇文章 1 订阅

订阅专栏

当网页内容远远超过图片大小时，当页面滚动到底部时，背景图片就消失了，使用背景关联后便可以解决这一问题。

格式：background-attachment: scroll/fixed;

scroll：代表默认；

fixed：代表背景图片随网页一起移动。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
    <style>
        .c1 {
            background-image: url(11.jpg);
            background-repeat: no-repeat;
            background-attachment: fixed;
        }
    </style>
</head>
<body>
<div class="c1">
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <hr>
    <hr>
    <hr>
    <hr>
    <hr>
    <hr>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <hr>
    <hr>
    <hr>
    <hr>
    <hr>
    <hr>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <p>我是内容</p>
    <hr>
    <hr>
    <hr>
    <hr>
    <hr>
    <hr>
</div>
</body>
</html>

背景缩写格式：background: 背景颜色背景图片平铺方式关联方式定位方式；其中任意的一项或者几项可以省略，至少有一项便可以成立。

jwz934738949

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
背景关联

当网页内容远远超过图片大小时，当页面滚动到底部时，背景图片就消失了，使用背景关联后便可以解决这一问题。格式：background-attachment: scroll/fixed;scroll：代表默认；fixed：代表背景图片随网页一起移动。<!DOCTYPE html><html lang="en"><head> <met...
复制链接

扫一扫