三种隐藏元素方法的区别

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

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

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

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

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