배경 확대/축소 오류?

Question

전체 페이지 섹션과 함께 Visual Composer를 사용하는 WordPress 웹 사이트가 있습니다. 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); 
} 
} 

그것은 보이지만 구글 크롬에 흰색 투명 오버레이를 가져오고 videobox 아래로 밀어 (그래서 두번째 섹션 3 일부터)를 스크롤 할 때. 아래로 스크롤하면 (첫 번째 섹션에서 두 번째 섹션까지) 모든 것이 잘 동작합니다.

이 문제는 Google 크롬 (Mac 및 Windows)에서만 발생합니다. 그것은 파이어 폭스, 에지 및 사파리에서 잘 작동합니다. 누구든지이 문제를 해결하는 방법을 알고 있습니까? 미리 감사드립니다!

추 신 : 줌 기능을 삭제할 때 아무런 문제가 없습니다.

Answer 1

클래스가 fp-tableCell vc_row-has-fill 인 상위 요소가 인라인 스타일을 변경하고 있습니다. 변경된 속성 중 하나가 opacity: 0.107967입니다. 이것이 배경이 투명 해 보이는 이유입니다.

자바 스크립트를 통해이 요소에 액세스하고 opacity: 1에 머물러 야합니다. 당신이 스크립트를 통해 그렇게 할 수없는 경우, 당신은 추가 요소의 불투명도 것을 강제 할 수 :

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

이는 인라인 스타일에 변화 불투명도를 덮어 쓰게됩니다.