Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Последние темы форума

Показать новые сообщения »

Почтовая рассылка

Подписчиков: 11871
Последний выпуск: 19.06.2015

Как решить проблему параллакса с кроссбраузерностью?

95K
06 августа 2015 года
deeand7
1 / / 06.08.2015
Всем привет!
Есть вот такая страничка, на которой присутствует (должен присутствовать) параллакс картинки.
В 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;
}
В PHP параллакс обвернут в section:
 
Код:
<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>
Эту проблему уже давно не могу решить. По-любому, где-то туплю.
Ребят, подскажите в чём может заключаться корень проблемы?
Спасибо!

Знаете кого-то, кто может ответить? Поделитесь с ним ссылкой.

Ваш ответ

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог