2013-02-27 81 views
2

我有點糊塗了,實現以下的事情 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不可見或任何建議。

+0

你沒有任何孩子 – iConnor 2013-02-27 15:00:00

+2

採取Vision的意見,如果您添加顯示:無;給你的父母,那麼每個孩子都會消失! – iConnor 2013-02-27 15:00:45

+0

查看顯示區別:無;和可見性:隱藏; http://stackoverflow.com/questions/133051/what-is-the-difference-between-visibilityhidden-and-displaynone – 2013-02-27 15:02:00

回答

3

設置爲父元素的display: none。使其可見使用display: block

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

在你的提琴
+0

但是網站有很大的基本代碼,所以它根據父母身高來計算幾個div的高度,所以保持顯示:沒有一個對我沒有用處。在使用可見性風格之前,我已經嘗試過了 – Kasma 2013-02-27 15:09:08