HTML代码中几种隐藏元素的方法

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;相同,这个属性用于记录一个元素的状态

原文出处:
版权声明:本文来源地址若非本站均为转载,若侵害到您的权利,请及时联系我们,我们会在第一时间进行处理。