1、visibility: hidden 简单的隐藏某个元素,但是元素占用的空间任然存在。
附加说明:只会导致浏览器重绘而不会重排,元素无法触发其点击事件。
2、opacity: 0 设置0可以使一个元素完全透明,制作出和visibility一样的效果。
3、position: absolute 使元素脱离文档流,处于普通文档之上,给它设置一个很大的left负值定位,使元素定位在可见区域之外。
4、display: none;元素会变得不可见,并且不会再占用文档的空间。
附加说明:会导致浏览器的重排重绘。
5、transform: scale(0);将一个元素设置为无限小,这个元素将不可见。这个元素原来所在的位置将被保留。
6、height: 0; overflow: hidden;将元素在垂直方向上收缩为0,使元素消失。
7、filter: blur(0);将一个元素的模糊度设置为0,从而使这个元素“消失”在页面中。
8、HTML5 hidden attribute;hidden属性的效果和display:none;相同,这个属性用于记录一个元素的状态
原文出处:http://www.dongblog.com/notes/115.html
来源:博客网 转载请注明出处!