可视性问题

2013-02-27 82 views 2 likes

我有点糊涂了，实现以下的事情 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不可见或任何建议。

来源

2013-02-27 Kasma

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

采取Vision的意见，如果您添加显示：无;给你的父母，那么每个孩子都会消失！ – iConnor 2013-02-27 15:00:45

查看显示区别：无;和可见性：隐藏; http://stackoverflow.com/questions/133051/what-is-the-difference-between-visibilityhidden-and-displaynone – 2013-02-27 15:02:00

回答

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

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

在你的提琴

来源

2013-02-27 14:59:53 VisioN

但是网站有很大的基本代码，所以它根据父母身高来计算几个div的高度，所以保持显示：没有一个对我没有用处。在使用可见性风格之前，我已经尝试过了 – Kasma 2013-02-27 15:09:08

可视性问题

回答

相关问题