相关疑难解决方法(0)

由于各种原因,我需要<div>在某些文本上放置(大部分)透明.但是,这意味着无法单击文本(例如,单击链接或选择它).是否可以简单地使这个div对点击和其他鼠标事件"隐形"？

例如,overlaydiv封面涵盖了文本,但我希望能够通过overlaydiv 单击/选择文本:

<div id="container">
    <p>Some text</p>
    <div id="overlay" style="position: absolute; top: 0;
                             left: 0; width: 100%; height:100%">
        ... some content ...
    </div>
 </div>

我有一个元素位于另一个元素之上.我想mouseover用底部元素捕获事件,但是当鼠标光标位于顶部元素上方时,底部元素不接收mouseover事件.

有没有办法禁用顶部元素接收鼠标事件？

有没有人知道jQuery或本地JavaScript方式通过图层启用鼠标事件？例如,启用a下面的链接div.

在我的情况下不能使用的其他解决方案:

• 一个简单的方法,虽然使用不是真的支持pointer-events(编辑截至2017年,广泛支持)
• ExtJS解决方案

我正在使用html和javascript开发一个移动Web应用程序.我有一个任务是在这个应用程序中开发加载叠加层,我已经将透明div作为叠加层,而它需要防止点击透明下的元素div.但只有在Windows手机(IE浏览器)中,我可以点击底层元素.我怎么能阻止这个？给出了我申请的css

.overlaypage {
top: 0px;
opacity: .5;
background: black;
position: absolute;
height: 100%;
width: 100%;
pointer-events: visible;
display: block;
z-index: 1001;
}

我有一个div位于页面的大块上,这导致div下面的内容不再可选/可点击.

有办法解决这个问题吗？即:使div没有任何可点击的功能吗？

#page {
    width: 980px;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
}
#overlay {
    margin: 0px;
    padding: 0px;
    height: 536px;
    width: 422px;
    position: absolute;
    top: -4px;
    right: -20px;
    background-image: url(../images/overlay_full.png);
    background-repeat: no-repeat;
    background-position: left top;
}

这是我想要做的:

创建绝对定位的全局"手势容器",宽度和高度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()一样的功能.

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