【前端学习 - CSS（3）元素消失的方法】

1.使元素消失的方法

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

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

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

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

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

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

• < div hidden="hidden" > HTML5 属性,效果和 display:n