css 元素隐藏与可见

1.visibility元素是否可见

语法：object.style.visibility="hidden"

属性值：

　　visible：默认值，元素是可见的。

　　hidden：元素是不可见的。

　　collapse：当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 "hidden"。

　　inherit：从父元素继承 visibility 属性的值。

注意：所有主流浏览器都支持 visibility 属性。但是任何的版本的 Internet Explorer （包括 IE8）都不支持 "inherit" 和 "collapse" 属性值。 

2.隐藏元素有三种方式：

visibility：属性值hidden、visible。

　　虽然能隐藏元素，但是隐藏的元素仍在占据空间，网页中的元素位置显示空白，影响布局。

display：属性值none。

　　网页中推荐使用的隐藏方式，隐藏元素不占内存空间，并且原本占用的空间也会从网页布局中消失。

overflow：属性值hidden。

　　使用事要设置元素的宽高，否则无效。