Как решить проблему параллакса с кроссбраузерностью?
Всем привет!
Есть вот такая страничка, на которой присутствует (должен присутствовать) параллакс картинки.
В Safari 9.0 и в Firefox 38.0.5 параллакс работает, а в Chrome 44.0 и Opera 30.0 - не работает. Сайт в IE 8,9,10 я даже боюсь открывать.
Код параллакса в CSS:
В PHP параллакс обвернут в section:
Эту проблему уже давно не могу решить. По-любому, где-то туплю.
Ребят, подскажите в чём может заключаться корень проблемы?
Спасибо!
Есть вот такая страничка, на которой присутствует (должен присутствовать) параллакс картинки.
В Safari 9.0 и в Firefox 38.0.5 параллакс работает, а в Chrome 44.0 и Opera 30.0 - не работает. Сайт в IE 8,9,10 я даже боюсь открывать.
Код параллакса в CSS:
Код:
.rus {
background: url(img/redsquare.jpg) no-repeat center center;
z-index: 2;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
padding: 30px 0;
}
background: url(img/redsquare.jpg) no-repeat center center;
z-index: 2;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
padding: 30px 0;
}
Код:
<section class="rus ruover">
<div class="section-title text-light"><h2>Nabízíme níže uvedené typy jazykových kurzů:
<!-- <span>but <em>design</em> 'aint one</span> --></h2>
</div>
<!-- <a href="#portfolio" class="down-arrow-btn"><i class="fa fa-chevron-down"></i></a> -->
</section>
<div class="section-title text-light"><h2>Nabízíme níže uvedené typy jazykových kurzů:
<!-- <span>but <em>design</em> 'aint one</span> --></h2>
</div>
<!-- <a href="#portfolio" class="down-arrow-btn"><i class="fa fa-chevron-down"></i></a> -->
</section>
Ребят, подскажите в чём может заключаться корень проблемы?
Спасибо!