首页 > 其他 > 详细

三种隐藏元素方法的区别

时间:2018-03-22 18:11:58      阅读:267      评论:0      收藏:0      [点我收藏+]

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

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

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

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

三种隐藏元素方法的区别

原文:https://www.cnblogs.com/zhangnan35/p/8625120.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!