三种隐藏元素方法的区别

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

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

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

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

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