错误背景缩放？

Question

我有一个WordPress网站，我用Visual Composer的fullpage部分。我已经使用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); 
} 
} 

它看起来像它的伟大工程，但在谷歌浏览器（所以从第3到第2节）向上滚动时，它得到一个白色透明的覆盖和videobox被按下。当你向下滚动（从第一部分到第二部分），一切正常。

这只是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; 
} 

这将覆盖在内嵌样式变化的不透明度。