点击div

Question

在通知悬停时,我希望它使不透明度变为半透明,并且能够像在此通知插件中一样点击它Pines Notify

我尝试使用pointer-events:none,但随后它禁用了DOM元素,因此jQuery不能处理这个元素.我需要jQuery在悬停和悬停时执行代码.怎么做到呢 ？

Answer 1

为了能够点击div,请使用以下内容

1. 隐藏叠加div
2. 触发覆盖元素的单击
3. 再次显示div

http://jsfiddle.net/H6UEU/1/

$('#front-div').click(function (e) {
    $(this).hide();
    $(document.elementFromPoint(e.clientX, e.clientY)).trigger("click");
    $(this).show();
});
$(".tobeclicked").click(function(){
    $("#result").append("clicked<br />");
});

Answer 2

如果使用具有高 z-index 的内部 DIV 会怎样？例如：

<style>
    .sub {
        position: relative;
        background: #99f;
        width: 100px;
        height: 100px;
    }
    .top {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .opacityLayer {
        position: absolute;
        background: #fff;
        width: 100px;
        height: 100px;
        opacity: 0.5;
        left: 30px;
        top: 30px;
    }
</style>
<a href="#"><div class="sub"><div class="top"></div></div></a>
<div class="opacityLayer"></div>