visibility 是 CSS 中用于控制元素可见性的属性。这个属性有两个主要的取值：visible 和 hidden。

  •  visible: 元素是可见的（默认值）。


  •  hidden: 元素是不可见的，但仍占据文档流中的空间。也就是说，元素在视觉上不可见，但它仍然保留其原来的尺寸和位置。


语法如下：
element {
  visibility: visible|hidden;
}

例子：
.hidden-element {
  visibility: hidden;
}

在这个例子中，类为 hidden-element 的元素在页面上不可见，但仍然占据其原始的空间。

visibility 属性与 display 属性不同。当 visibility 设置为 hidden 时，元素仍然存在于文档流中，而 display: none; 则会从文档流中完全移除元素，不占据空间。


转载请注明出处：http://www.zyzy.cn/article/detail/6156/CSS