錯誤背景縮放？

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; 
} 

這將覆蓋在內嵌樣式變化的不透明度。