元素隐藏：

 

 了解的元素隐藏的方式？

a) visibility: hidden; 只是简单的隐藏元素，但占用的空间任然存在；

b) opacity: 0; CSS3 属性，设置0可以使一个元素完全透明；

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

d) display: none; 元素会变得不可见，并且不会再占用文档的空间；

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

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

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

h)  filter: blur(600px); CSS3 属性，将一个元素的模糊度设置为 0，从而隐藏

 display:none;  visibility:hidden; 区别与联系

            1. visibility:hidden和display:none隐藏会将后代隐藏

            2. display:none隐藏不会再继续占据元素原本空间，visibility:hidden会继续占据原本空间

            3. display:none不具有可继承性，visibility:hidden具有可继承性

            4. display:none隐藏 后代不能通过display:block;设置反隐藏，但是visibility:hidden可以