3

我正在尝试制作一个简单的背景图像，当我向下滚动页面时它会保持原位。背景图像不会留在原地。我已将背景附件设置为固定。

见：www.emergencydatascience.org

我的 CSS 代码：

background-image: url($background_image); 
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: -1;

position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;

如果有帮助，请提供更多 CSS： https ://github.com/dighr/data-flood/blob/gh-pages/_sass/layout/_wrapper.scss

4

1 回答 1

0

将您的 .bg 类移动到您的身体开始之后。您的#wrapper 和 .bg 设置很奇怪

<body class="is-loading">
   <div class="bg"></div>
    <!-- Wrapper -->
        <div id="wrapper" class="fade-in">

            <!-- Intro -->
                <div id="intro">
                    <h1 class="main-heading">Emergency Data Science</h1>
                    <h2 class="main-heading">Taking Advantage of the Data Flood</h2>
                    <p class="main-heading"><b>December 4 - 5, 2018 8:30AM - 5:00PM | Toronto</b></p>
                </div>

我在这里制作了结果的屏幕视频。

https://www.useloom.com/share/f0c19c45ff9b421e903632157b0add64

于 2018-11-22T03:57:45.140 回答