父子div的可见性问题

Question

我对实现以下事情感到有点困惑 1.禁用一个父div的可见性 2.但是另一个代码允许子div可见性

<div style="background-color:#999 ; height:80px;visibility:hidden">
    <div style="background-color:#550; height:30px;"></div>
    <div style="background-color:#900; height:30px;visibility:visible"></div>
</div>

http://jsfiddle.net/cbXxU/

如果父div不可见或者对此有任何建议，我想隐藏所有子div。

Answer 1

为父元素设置display: none。要使其可见，请使用display: block。

DEMO： http://jsfiddle.net/cbXxU/1/