网页隐藏元素的方法

visibility: hidden;

占据布局，不响应事件

让元素变得透明

不透明度设置为0

opacity: 0;

会占据布局，同时响应各类事件

让元素缩小到0

将元素缩小到0

transform: scale(0);

进行遮蔽的方法

定位至底层 (需要有遮挡的层和父框)

position: absolute;
z-index: -999;

父框遮蔽 隐藏元素

//父框长宽0 
width: 0;
height: 0;
overflow:hidden;

不进行渲染

• HTML5 hidden属性
• CSS3 display:none