css实现元素不可见的5种方法

概述

用纯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;
}