javascript - 隐藏 div 中的 iframe - iframe 内容不可见

Question

我正在寻找对以下观察到的行为的解释:

一个

    <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”的内容在浏览器中不可见

所有样式都使用 Javascript 应用，以上只是情况的粗略表示。在 Chrome 51.0.2704.106 m 中测试有人可以帮助解释为什么添加继承父隐藏可见性值的 iframe 隐藏子 div 而不改变其可见性值吗？

Answer 1

visibility: hidden 就像 display:none。如果您不显示任何parent 类或元素，您将看不到children 元素。您看不到 child div，因为您隐藏了子 div 的父 div。

但是top你可以看到child，因为top child和parent都是单独的div，不包含在其他div中。我希望你明白 。您可以从引用链接中获取更多信息:-

Link for more information