有配套视频讲解,请移步视频专区~
一般来说,最常见的有三种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。