全屏fadeOut()白底闪烁

两个大小铺满全屏的div 一个fadeOut(),另一个fadeIn(). 发现在前者隐藏的最后白屏闪烁了一下.

实际上是因为前者在上,后者在下.后者被挤出屏幕外了. 在前者fadeOut()的过程中 透明度慢慢变小,但display: block;一直在.所谓的白屏闪烁,是前者透明度降至最低时,显现出白色的背景body.然后瞬间display: none; 下方的盒子瞬间顶上造成的.

解决方法: 两个盒子都用定位重叠在一起,前者变透明的同时能看到后者慢慢显现