'pointer-events : none;`가 iframe의 iframe에서 작동하지 않습니다.

Question

iframe에 pointer-events: none;을 적용하면 가장자리를 제외한 모든 주요 브라우저에서 정상적으로 작동합니다 (가장자리 16으로 테스트 됨). Edge에서는 iframe 내부의 아무 것도 클릭 할 수 있습니다. 또한 iframe의 부모 인 div에 스타일을 적용하려했지만 아무 것도 작동하지 않습니다. 참고 : 나는 해결 방법은 iframe을

<div style="pointer-events: none;"> 
    <iframe>...</iframe> 
</div> 

<iframe style="pointer-events: none;">...</iframe> 

의 내부에 그것을 적용 할 수 없습니다? 감사합니다.

Answer 1

더 자세히 조사한 후 Edge v16 (Edge/16.16299)의 버그 인 것으로 보이며 Edge v15 이하에서는 모든 것이 올바르게 작동합니다. 따라서 경계 16에서 pointer-events: none;은 iframe을 부모 컨테이너에 적용한 경우에도 영향을받지 않습니다.

Answer 2

사실, CSS 속성이 버그가 있습니다. app.css 속성을 내부에 추가해보십시오.

.upgrade-banner .row .col.upgrade { 
    ... 
    pointer-events: none; 
} 

iframe 내부의 모든 클릭 가능 항목에 추가하십시오.

시험이 browserstack (에지 16)에서 잘 작동 :