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

标签:2024-07-07 08:50:03

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
来源:博客网 转载请注明出处!

活跃用户

取景器里的世界
Ta还没有签名
Ta还没有签名
Ta还没有签名
奇缘孤人
Ta还没有签名

友情链接


Warning: Smarty error: unable to read resource: "../../../templates/default/./common/foot/footer_index.htm" in /usr/home/hyu3925200001/htdocs/common/smarty/Smarty.class.php on line 1093

Warning: Smarty error: unable to read resource: "../../../templates/default/./common/foot/footer_index.htm" in /usr/home/hyu3925200001/htdocs/common/smarty/Smarty.class.php on line 1093