Параллакс при прокрутке с CSS не работает в браузере Safari (Ma c, iOS) - PullRequest
Новая
       4

Параллакс при прокрутке с CSS не работает в браузере Safari (Ma c, iOS)

0 голосов
/ 19 февраля 2020

Я создаю веб-сайт и добавляю эффект параллакса для изображения заголовка. Эффект хорошо работает в браузерах Firefox и Chrome, но не работает в Safari (Ma c и iPhone). Кто-нибудь знает, как это исправить? Спасибо

html 

 <div class="container-fluid">
    <div class="row">
       <div class="col">
         <div class="top-img ted">
            <div id="wrapper">
              <h1 class="title-left">SOME TEXT</h1>
            </div>
         </div>          
       </div>
    </div>
  </div>

CSS

.top-img {
  /* Set a specific height */
  height: 450px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -webkit-background-size: cover;
}
.ted {
  background-image: url(../img/ted.png);
}
.title-left {
  position: absolute;
  z-index: 400;
  top: 25%;

  width: 100%;
  max-width: 540px;
}
...