Question

我是HTML新手，需要有关如何使背景与页面一起滚动的帮助，以便背景保持不变，不会像默认情况那样重复。

Answer 1

您可以在CSS中使用fixed和/或absolute个职位。如果您有任何代码，请提供进一步的答案。但通常这可能适合您的基本用法：

<强>标记

<body>
    <div class="bg">
    <div class="wrapper">
         // other stuff here
    </div>
</body>

<强> CSS

.bg{
    background-image: url( 'path/to/bg/file.jpg' );
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
 }

注意

请查看社区的How to ask部分，以改善您的SOF体验。

Answer 2

将此用于html正文

body {
background-image:url('your image path') no-repeat;
position:fixed;
}

Answer 3

如果您在身体上添加了背景图片，请使用此css

body{
    background-image: url( 'your_img_url' );
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    top: 0px;
    left: 0px;
 }

如何使背景与页面一起滚动？

3 个答案: