场景:当一个盒子覆盖另外一个盒子时,上层的盒子有显示和隐藏,当隐藏的时候这个盒子只是不显示,但是还是会占位,会影响下面的盒子的操作。解决办法有两个
第一种方法:当一个盒子影响下面盒子的操作 可以在上层隐藏盒子的样式中加入 pointer-events: none !important;来实现穿透效果,使之上层盒子不会影响下面的盒子。这种效果是最好的
第一种方法:把上层隐藏盒子的height设置为0,也能实现,但是在加上显示隐藏样式的动画效果时,因为设置height为0会影响动画的效果。
场景:当一个盒子覆盖另外一个盒子时,上层的盒子有显示和隐藏,当隐藏的时候这个盒子只是不显示,但是还是会占位,会影响下面的盒子的操作。解决办法有两个
第一种方法:当一个盒子影响下面盒子的操作 可以在上层隐藏盒子的样式中加入 pointer-events: none !important;来实现穿透效果,使之上层盒子不会影响下面的盒子。这种效果是最好的
第一种方法:把上层隐藏盒子的height设置为0,也能实现,但是在加上显示隐藏样式的动画效果时,因为设置height为0会影响动画的效果。