のiframe - iframeの内容は表示されません

私は、次の観察された行動の説明を探しています：シナリオAではのiframe - iframeの内容は表示されません

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

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

、 div 'child'のコンテンツがブラウザに表示されます。シナリオBでは、可視性が可視に設定されているにもかかわらず、ブラウザの「子」のコンテンツがブラウザに表示されません。

すべてのスタイリングはJavascriptを使用して適用されています。 Chromeでテスト済み51.0.2704.106 m 誰かが、非表示の親の可視性値を継承するiframeを追加すると、可視性の値を変更せずに子divを非表示にする理由を説明できますか？

visibility: hidden同様にdisplay:none。 親クラスのクラスまたは要素が表示されない場合は、子要素が表示されません。子divの親divを隠しているため、子 divは表示されません。

が、トップあなたが見ることができる子トップ子供と親両方が他のdivに含まれていない個々のdivがあるため。ご理解いただければ幸いです。参照リンクからさらに情報を得ることができます： -

2016-07-21 20:33:44

答えて