1.使元素消失的方法

• visibility:hidden 该元素隐藏起来了，但不会改变页面布局，但是不会触发该元素已经绑定的事件

• display:none 把元素隐藏起来，并且会改变页面布局，可以理解成在页面中把该元素删掉

• z-index=-1 把元素遮盖起来，并且不会改变页面布局，可以理解被其它元素压在下面了

• opacity：0, 该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定了一些事件，如 click 事件也能触发 ，常用于设置图片透明度为 0 ，然后加个点击事件，点击上传文件

• position: absolute; 设置一个很大的 left 负值定位，使元素定位在可见区域之外；

• transform: scale(0); 将一个元素设置为缩放无限小，元素将不可见，元素原来所在的位置将被保留；

• < div hidden="hidden" > HTML5 属性,效果和 display:none;相同，但这个属性用于记录一个元素的状态；

• height: 0 ; 将元素高度设为 0 ，并消除边框；

• filter: blur(0) ; CSS3 属性，括号内的数值越大，图像高斯模糊的程度越大，到达一定程度可使图像消

技巧：隐藏透明区域外，缩放压住高度0

rgba 和 opacity 透明有何不同:

• rgba()只作用于元素自身的颜色或背景色，对元素的内容没有影响。
• opacity 在作用于元素自身的颜色或背景色的同时，也作用于元素内的内容的透明度。