在不可见的父 DIV 中显示隐藏的子 DIV
在本文中,我们解决了在保留其父 DIV 的同时显示子 DIV 的挑战隐。对于您希望有条件地显示或隐藏内容的特定部分的情况,此功能可能是必要的。
问题:
我们如何在隐藏时显示子 DIV它的父 DIV?
答案:
至要实现此目的,请使用 CSS 修改父 DIV 和子 DIV 的可见性设置。
对于父 DIV:
对于子 DIV:
通过这样做,子 DIV 将变为当父 DIV 保留时可见隐藏。
实现:
这是包含建议解决方案的代码修订版本:
.Main-Div { visibility: hidden; } .Main-Div > .Inner-Div { visibility: visible; }
<div class="Main-Div"> This is some Text... <div class="Inner-Div"> <a href="#"> <img src="/image/pic.jpg" /> </a> </div> This is some Text... </div>
示例:
现场演示请参考原始答案中提供的 JSFiddle 链接:http://jsfiddle.net/pread13/h955D/153/
以上是如何显示子DIV同时隐藏其父DIV?的详细内容。更多信息请关注PHP中文网其他相关文章!