控制层的可见性
2009-10-09
有时候，我们需要一个层，但是这个层的内容不能显示出来。比如内容需要用JavaScript调用，被调用的那部分内容就不必在页面中显示出来了。
用CSS可以实现，下面分别介绍2种方法。
style="visibility: hidden"
用这个CSS控制的层，它的内容会隐藏，但是层所占的位置还是会保留下来，就是留下一片空白。
style="display:none"
这个CSS控制的层消失得比较彻底，不但内容都隐藏了，而且连层也不占任何位置。
display用来设定对象如何显示。
值：block | none | inline | inline-block | list-item | table-header-group | table-footer-group | inherit
| 可用值 | 值的说明 |
| block | 象块类型元素一样显示。 |
| none | 缺省值。向行内元素类型一样显示。 |
| inline-block | 象行内元素一样显示，但其内容象块类型元素一样显示。 |
| list-item | 象块类型元素一样显示，并添加样式列表标记。 |
| table-header-group | 显示在任何表格行和行组合之前，在头部标题之后。 |
| table-footer-group | 显示在任何表格行和行组合之后，在底部标题前。 |