因层级覆盖、定位等,导致某些地方点击不生效,给遮挡元素设置pointer-events: none即可
若遮挡元素这层有点击事件等,需要另给操作区域设置pointer-events: auto
如,box2被box1遮挡,并box1中的box-click处有点击事件:
<style>
.box1{
pointer-events: none;
}
.box-click{
pointer-events: auto;
}
</style>
注:对于浏览器来说,只有none与auto两个值可用
兼容性:Firefox3.6+,chrome2.0+,safari4.0+
参考:https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events