은 iframe - 나는 다음과 같은 관찰 된 행동에 대한 설명을 찾고 있어요

보이지 않는 iframe이 내용 :은 iframe - 나는 다음과 같은 관찰 된 행동에 대한 설명을 찾고 있어요

<div id="parent" style="visibility:hidden"> 
    <div id="child" style="visibility:visible"></div> 
    <div>

B 시나리오에서

<div id="parent" style="visibility:hidden"> 
    <iframe> 
     <div id="child" style="visibility:visible"></div> 
    </iframe> 
    <div>

A, div 'child'의 콘텐츠가 브라우저에 표시됩니다. 시나리오 B에서 가시성을 표시로 설정 했음에도 불구하고 div 'child'의 콘텐츠가 브라우저에 표시되지 않습니다.

모든 스타일이 자바 스크립트를 사용하여 적용된 경우 위의 상황을 간단하게 표현한 것입니다. Chrome에서 테스트 됨 51.0.2704.106 m 부모가 숨겨진 가시성 값을 상속받은 iframe을 추가하면 표시 여부 값을 변경하지 않고 하위 div를 숨기는 이유를 설명 할 수 있습니까?

출처

2016-07-21 mungmacoder