博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
三种隐藏元素方法的区别
阅读量:5055 次
发布时间:2019-06-12

本文共 316 字,大约阅读时间需要 1 分钟。

  这三种方法分别是:display:none、visibility:hidden、opacity:0;

  display:none   元素在页面上将消失,不占据页面空间,会导致浏览器的回流与重绘,不能响应交互类事件;

  visibility:hidden   元素在页面占据的空间不变,所以它只会导致浏览器重绘而不会回流,也不能响应交互类事件;

  opacity:0    元素在页面占据的空间不变,不会导致浏览器回流或重绘(因为浏览器对于transform和opacity这两种变化处理的方法为合成渲染),可以响应交互类事件。

转载于:https://www.cnblogs.com/zhangnan35/p/8625120.html

你可能感兴趣的文章
windows下编译FreeSwitch
查看>>
git .gitignore 文件不起作用
查看>>
Alan Turing的纪录片观后感
查看>>
c#自定义控件中的事件处理
查看>>
hadoop1.2.1 伪分布式配置
查看>>
App.config自定义节点读取
查看>>
unity3d根据手机串号和二维码做正版验证
查看>>
二十六、Android WebView缓存
查看>>
spring的value,null标签
查看>>
jQuery html text val方法使用
查看>>
Eclipse寻找JVM的机制
查看>>
Day2:购物车
查看>>
Maven实战(六)--- dependencies与dependencyManagement的区别
查看>>
多边形的研究
查看>>
django Models 常用的字段和参数
查看>>
linux -- 嵌入式linux下wifi无线网卡驱动
查看>>
SVN使用教程总结
查看>>
SQL中varchar和nvarchar有什么区别?
查看>>
ubuntu 安装mysql
查看>>
方法重写与方法重载
查看>>