An absolutely positioned DIV with a high Z-index blocks Click events below.

Here is what I am trying to do:

Create a global “gesture container” that is absolutely positioned, width and height 100%, and a z-index that is above all other elements of the document.

Here is my problem: When I create this container, my absolutely positioned element blocks click events attached to everything below it.

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

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

Notice that I am using the new .on () call from jQuery 1.7.2, which I configured to work just like .live ().

Why is my item not accepting my click? It looks like my gesture area is blocking it, but is there any way around this?