CSS background-image не исправлено - PullRequest
Новая
       28

CSS background-image не исправлено

0 голосов
/ 22 ноября 2018

Я пытаюсь сделать простое фоновое изображение, которое останется на месте, когда я прокручиваю страницу вниз.Фоновое изображение не останется на месте.Я установил фоновое вложение фиксированным.

См .: 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

1 Ответ

0 голосов
/ 22 ноября 2018

Переместите ваш .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

...