Как исправить параллакс в IE?

Question

[denism300]

Есть сайт с блоками параллакс на чистом CSS без jQuery
блок выглядит так:

<div class="mainBlock parallax">
    <div class="parallax-wrap">
        <div class="parallax-img"></div>
         <div class="parallax-overlay"></div>
    </div>
</div>

стили:

.mainBlock.parallax {
    position: relative;
    width: 100%;
    height: 300px;
}
.parallax-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.parallax-img {
    background-image: url(../img/parallax/parallax-one.jpg);
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}
.parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}

во всех браузерах кроме IE и EDGE работает нормально. в этих двух творениях мелкомягких не отрисовывается картинка при прокрутке.
Как исправить?
сайт, где это посмотреть вживую

Answer 1

[Антон Шелестов]

Самое оптимальное это удаление этих программ со случайным набором кода... =)

Comments

[denism300]

угу, у всех пользователей земного шара )))