Ошибка в фоновом увеличении?

Question

У меня есть сайт WordPress, где я использую Visual Composer с полными разделами. Я добавил фон с масштабированием, используя CSS. Это по следующему адресу: http://white-vision.nl/particulier/

.upb_row_bg { 
animation: leaves 20s infinite; 
} 

@keyframes leaves { 
0%, 100% { 
    transform: scale(1.0); 
} 
50% { 
    transform: scale(1.1); 
} 
} 

Похоже, он прекрасно работает, но в Google Chrome при прокрутке (так что с 3-го по 2-й секции) он получает белую прозрачную накладку и VideoBox выталкивается вниз. Когда вы прокручиваете вниз (так от 1-го раздела до 2-го раздела), все работает нормально.

Это проблема только в Google Chrome (на Mac и Windows). Он отлично работает в Firefox, Edge и Safari. Кто-нибудь есть идея, как это исправить? Заранее спасибо!

PS: При удалении функции масштабирования проблем нет.

Answer 1

Родительский элемент с классами fp-tableCell vc_row-has-fill получает изменения в своих встроенных стилях. Одно из свойств, которые были изменены, - opacity: 0.107967. Это делает ваш фон прозрачным.

Вы должны попытаться получить доступ к этому элементу через javascript и заставить его остановиться на opacity: 1. Если вы не в состоянии сделать это с помощью сценария, можно заставить что непрозрачность элементов, добавив:

.vc_row-has-fill { 
    opacity: 1 !important; 
} 

Это будет перезаписывать меняющуюся непрозрачность стилей инлайн.