码迷,mamicode.com
首页 > 其他好文 > 详细

三种隐藏元素方法的区别

时间:2018-03-22 19:31:40      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:不能   post   tran   回流   隐藏元素   响应   渲染   log   pac   

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

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

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

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

三种隐藏元素方法的区别

标签:不能   post   tran   回流   隐藏元素   响应   渲染   log   pac   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!