单击div下面的元素？

Question

我可以给出一个例子：

＆＃13;

＆＃13;

__init__

＆＃13;

.nightly{
  z-index: 9000; 
  position: fixed; 
  height: 100%; 
  width: 100%; 
  background-color: rgba(0,0,0,0.5);
}

＆＃13;

＆＃13;

＆＃13;

想知道<div class="nightly"> </div> <div class="body"> <button>Test</button> <a href="#">Test 1</a> </div>＆＃34;透明＆＃34;点击，或者点击它下面的按钮，链接等？

Answer 1

在您的CSS中添加pointer-events : none;点击将通过。

Answer 2

对于IE（来自here）：

//This is an IE fix because pointer-events does not work in IE
$(document).on('mousedown', '.nightly', function (e) {

    $(this).hide();
    var BottomElement = document.elementFromPoint(e.clientX, e.clientY);
    $(this).show();
    $(BottomElement).mousedown(); //Manually fire the event for desired underlying element

    return false;

});