# 隐藏元素的方法
# 总结隐藏元素的办法
- CSS display的值是none。(该元素是不会在页面上显示)
div{ display: none; }Copied!
- type="hidden"的表单元素。(该元素是不会在页面上显示)
3 宽度和高度都显式设置为0。(该元素是会在页面上显示)
div{ width: 0; height: 0; }Copied!
一个祖先元素是隐藏的，(该祖先以及祖先以下的元素是不会在页面上显示)
CSS visibility的值是hidden(该元素是会在页面上显示，还占原来的位置)
div{ visibility: hidden; }Copied!
- CSS opacity的指是0(该元素是会在页面上显示，还占原来的位置)
div{ opacity: 0; }Copied!
- 将position设为absolute然后将位置设到不可见区域
div{ position: absolute; top: -9999px; left: -9999px; }Copied!
- 将position设为absolute然后将z-index层级设置低点，给其他元素挡住
div{ position: absolute; z-index: -1; }Copied!
