バックグラウンドズームでエラーが発生しましたか？

Question

私は、フルページセクションでVisual Composerを使用するWordPress Webサイトを持っています。私は、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でそれが白い透明オーバーレイを取得し、videoboxが押し下げられている（ように第二セクションに3日から）までスクロールしたとき。下にスクロールすると（第1セクションから第2セクションまで）、すべて正常に動作します。

これはGoogle Chrome（MacとWindows）の場合にのみ発生します。 Firefox、Edge、Safariでうまく動作します。誰にもこれを解決する方法がありますか？前もって感謝します！

PS：ズーム機能を削除しても問題ありません。

Answer 1

クラスfp-tableCell vc_row-has-fillの親要素は、インラインスタイルが変更されています。変更されたプロパティの1つはopacity: 0.107967です。これはあなたの背景を透明に見せるものです。

あなたはjavascriptでこの要素にアクセスして、それをopacity: 1にとどめてください。スクリプト経由でそれを行うことができない場合は、追加することにより、要素の不透明ことを強制することができます：

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

これは、インラインスタイルに変更し、不透明度を上書きします。