前端面试题之css中让元素消失的几种方法

有配套视频讲解，请移步视频专区～

一般来说，最常见的有三种opactiy：0， visbility ：hidden ，display：none。

第一种方法opacity是调节元素透明度的。当值设为0时，即让这个元素完全透明看不见。

第二种方法是visbility：hidden。它是调节元素是否可见的，hidden是隐藏不可见

以上两种方法有个共同特点就是，元素虽然还不看见了，但原始位置依然保留。

而下面说的第三种 display：none 是让元素彻底消失，原始位置也不会被保留。

再来说一种，各种面试帖子中经常出现的z-index：-1。

z-index它是调节元素在页面的层级关系的，但是不能单独使用，必须配合position:absolute 或者 position:fixed 才能实现效果。

所以比较常见的答案还是opactiy：0， visbility ：hidden ，display：none。