概述
用纯css方式控制一个元素的隐藏,不可见。
<div class="disappear"></div>
方法1. display
注意:设置none后,不占据页面空间。
.disappear{
display:none;
}
方法2. z-index 层级
注意:z-index属性需要搭配positon属性一块使用,不然设置了不起作用。
.disappear{
z-index:-10;
position:relative;
}
方法3. opacity 透明度
注意:取值范围(0-1),0不显示,占据页面空间。
.disappear{
opacity:0;
}
方法5. 绝对定位方式移出可视区域
注意:不影响页面布局。
.disappear{
position:absolute;
left:-5000;
top:-5000;
}