css常用的隐藏元素的方式

在css中我们经常会使用到隐藏元素的方法，最常用的基本有以下种方式：

1.display:none;  这种方式会让元素无法点击，并且不占用任何空间。（设置display:block;可以让元素可见）

2. visibility: hidden;  这种方式元素也无法点击，但是会占用空间。（设置visibility:visiable可以让元素可见）

3.position: absolute; top: -9999px;  这种方式会使元素无法点击，并且不占用任何空间。（设置top值在可视区域里可以让元素可见）

4. position: relative; top: -9999px;  这种方式元素也无法点击，但是会占用空间。（设置top值在可视区域里可以让元素可见）

5.height: 0; overflow: hidden; 这种方式会使元素无法点击，并且不占用任何空间。（设置高度值不为0可以让元素可见）

6. opacity: 0;  这种方式会占据空间，并且可以点击，其实这种方式只是让元素完全透明而达到了隐藏的效果。（设置opacity的值在1-100可以让元素可见）