背景缩放错误

Question

我有一个WordPress网站，在该网站上使用带有完整页面的Visual Composer。我使用CSS添加了缩放背景。它在以下URL上：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滚动时（因此从第三部分到第二部分）会得到白色透明的覆盖层，并将视频推向了。当您向下滚动（从第一部分到第二部分）时，一切正常。

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

这将覆盖内联样式上的不透明度。