在隐藏的父 Div 中显示子 Div

Question

如何在隐藏其父 Div 的同时显示子 Div？这可以做到吗？

我的代码如下：

 <style>
  .Main-Div{
   display:none;
}
</style>

<div class="Main-Div">
    This is some Text..
    This is some Text..
    <div class="Inner-Div'>
        <a href="#"><img src="/image/pic.jpg"></a>
    </div>
    This is some Text..
    This is some Text..
</div>

原文由 Aki Ross 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我不认为这是可能的。

您可以使用 JavaScript 将元素拉出，或复制它然后显示它。

在 jQuery 中，您可以复制一个元素。

 var element = jQuery('.Inner-Div').clone();

然后附加到任何可能合适的可见元素。

 element.appendTo('some element');

原文由 Headshota 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

将父类的可见性设置为隐藏或折叠。将孩子设置为可见。是这样的：

 .parent>.child
{
    visibility: visible;
}

.parent
{
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

完整示例：http: //jsfiddle.net/pread13/h955D/153/

在 @n1kkou 的帮助下编辑

原文由 Patrick Read 发布，翻译遵循 CC BY-SA 3.0 许可协议