解决方案: 两种方案: 假设:外层遮挡的类名为:outer,被遮挡的类名为:Inner。 1:在不破坏原有样式的基础上增加position: relative;然后z-index控制谁在上面即可 .outer{ position: relative; z-index:1; } .Inner{ position: relative; z-index:2; } 2.如果点击事件还不生效,就在这个基础上为outer加上 pointer-events:none,此为鼠标事件对当前元素无效。 .outer{ pointer-events: none; }