不可点击的div与位置:固定

Question

我想制作一个与position:fixed内容重叠的div ,但不能点击,即当你点击该div的区域时,你点击它下面的内容.因此,div下的文本可以很容易地选择.有没有办法做到这一点？

Answer 1

解决方案是添加pointer-events: none;到覆盖div的CSS.这将导致指针事件的所有事件都忽略覆盖的div.

这在这里演示:http://jsfiddle.net/nayish/7hHvL/.

您会注意到,仅为底部div设置的警报在单击重叠div时也起作用.