黑科技：背景图片不动

最新推荐文章于 2021-06-04 05:36:24 发布

渴望成为大佬

最新推荐文章于 2021-06-04 05:36:24 发布

阅读量366

点赞数

分类专栏：前端学习文章标签：背景图片不动

本文链接：https://blog.csdn.net/qq_39787515/article/details/83472611

版权

前端学习专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<head>
    <meta charset="UTF-8">
    <title>背景示例不动</title>
    <style>
        .c1{

            height: 500px ;
            background-color: red;
        }
        .c2{
            height: 500px;
            background: url("1.jpg") no-repeat center;
            background-attachment: fixed;
            /*固定背景图片*/
        }
        .c3{
            height: 500px;
            background-color: blue;
        }
    </style>
</head>
<body>
<div class="c1">1111111</div>
<div class="c2">2222222</div>
<div class="c3">333333</div>
</body>

不设置宽度。高度，默认全屏
background-attachment: fixed; 固定图片