第一种display: none
1、浏览器不会渲染 display: none的元素,在页面中不占空间
2、子元素设置 display: block 也不可见
3、无法对其设置事件监听
4、值的改变会引起回流和重绘
5、无法对其设置过渡效果
第二种:visibility:hidden
1、占据页面空间
2、子元素设置非visibility:hidden,可见
3、无法对其设置事件监听
4、值的改变只会引起重绘
5、可以对其设置过渡效果
第三种:opacity:0
1、占据页面空间
2、子元素设置 opacity 可见
3、可以对其设置事件监听
4、值的改变不会引起回流和重绘
5、可以对其设置过渡效果
本文转载于:
https://www.cnblogs.com/luoshuifushen/p/12530651.html