Непонятный баг при использовании background-attachment: fixed. Есть ли решение?

Question

[Rodion Svetlitskiy]

Есть два блока с фоновым изображением и background-attachment: fixed:

/* Код для блоков с background-attachment: fixed */
.backgroundBlock_1 {
    background: #222222 url("../img/content_about_bg.jpg");
    background-attachment: fixed;
    position: relative;
    z-index: 999992;
    width: 100%;
    height: auto;
}

/* Обёртка для OwlCarousel */
.work {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    overflow: hidden;
    z-index: 99999;
}

Все работает нормально, но как только подключаю OwlCarousel OwlCarousel в браузерах на webkit и иже с ним происходит непонятное, с казалось бы не имеющими отношения к карусели блоками, для которых задан background-attachment: fixed (у блоков исчезает background и местами распадается верстка) Насколько я понял проблема в css transform но что именно мне не ясно.

Очень хочется разобраться.

Comments

[Дамир Рысаев]

Сделай демо на jsfiddle.net или скинь ссыль на страницу с багом. Пытался сам повторить баг, не получилось.

[Михаил Рыбаков]

Год прошел - так и не пофиксили, сам наткнулся на тоже самое

Answer 1

[Rodion Svetlitskiy]

Я разобрался с этим, как оказалось это достаточно известный в узких кругах баг-особенность работы семейства webkit браузеров с сочетанием свойств -webkit-transform и background-attachment в значении fixed. Решается добавлением

-webkit-transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;

к проблемным блокам.

Comments

[Александр Иванов]

Не помогает если это фоновая картинка

Answer 2

[Виталий Киренков]

По вашим комментариях и коду ничего толком не ясно... Оформите на jsfiddle или залейте куда то, то что у вас готово.
Единственное, что я могу сказать из того что видно, так это то что возможно у .backgroundBlock_1 - нужно поставить height: 100%, а не auto