具有高Z-Index的绝对定位DIV正在阻止单击其下方的事件

Question

这是我想要做的:

创建绝对定位的全局"手势容器",宽度和高度100%,以及高于文档中所有其他元素的z索引.

这是我的问题:当我创建这个容器时,我绝对定位的元素阻止了绑定到它下面的所有内容的click事件.

$(document).ready(function() {
    $(document).on('click touchstart', '.block', function() {
        var $this = $(this);

        if(!$this.hasClass("disabled")){
            $this.addClass("disabled")
            $this.openPopUp();
        }
        return false;           
    });
});

注意我正在使用jQuery 1.7.2中新的.on()调用,我将其设置为与.live()一样的功能.

为什么我的元素不接受我的点击？看起来我的手势区域正在阻止它,但有没有办法绕过它？

Answer 1

解决方案一.CSS.设置pointer-events: none;,但这仅适用于Firefox,Chrome和Safari.

解决方案二.JavaScript的.http://www.vinylfox.com/forwarding-mouse-events-through-layers/