隐藏元素的方法

总结隐藏元素的办法

1. CSS display的值是none。(该元素是不会在页面上显示)

div{
    display: none;
}

2. type="hidden"的表单元素。(该元素是不会在页面上显示)

3 宽度和高度都显式设置为0。(该元素是会在页面上显示)

div{
    width: 0;
    height: 0;
}

4. 一个祖先元素是隐藏的，(该祖先以及祖先以下的元素是不会在页面上显示)

5. CSS visibility的值是hidden(该元素是会在页面上显示，还占原来的位置)

div{
    visibility: hidden;
}

6. CSS opacity的指是0(该元素是会在页面上显示，还占原来的位置)

div{
    opacity: 0;
}

7. 将position设为absolute然后将位置设到不可见区域

div{
   position: absolute;
   top: -9999px;
   left: -9999px;
}

8. 将position设为absolute然后将z-index层级设置低点，给其他元素挡住

div{
   position: absolute;
   z-index: -1;
}