使用css滚动期间保持背景图像固定

Question

这对我来说是相当愚蠢的，但如何在页面滚动期间保持背景图像的固定。我有这个css代码，图像是正文的背景而不是<div></div>

    body{
 background-position:center;
 background-image:url(../images/images5.jpg);
}

由于 让

Answer 1

background-attachment: fixed;

http://www.w3.org/TR/CSS21/colors.html#background-properties

Answer 2

background-image: url("/your-dir/your_image.jpg");
min-height: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;}

Answer 3

只需在代码中添加背景附件

即可

body {
    background-position: center;
    background-image: url(../images/images5.jpg);
    background-attachment: fixed;
}