七种隐藏元素的方法

列举七种隐藏元素的方法。

1. visiable:hidden;这个属性只是简单的隐藏某个元素，但是元素占用文档空间。
   1. opacity:0;CSS3属性，可以使一个元素完全透明，与visiable:hidden效果相同。与visiable相比，它可以设置transition和animate。
2. position:absolute;使元素脱离文档流，处于普通文档之上，给它设置一个很大的left负值定位，使元素定位在可见区域之外。
3. display:none;元素变得不可见，与visiable:hidden不同的是不会占用文档空间。
4. transform:scale(0);将一个元素设置为无限小，这个元素将不可见，但是元素占用的空间仍然保留。
5. height:0;overflow:hidden;将元素的高度设置为0，只要元素没有可见的边框，就可以使元素消失。
6. filter:blur(0);将元素的模糊度设为0，从而使这个元素“消失”在页面中。