Javascript - 绑定到另一个元素后面的元素？

Question

说我有两个div：

<div id="container1"></div>
<div id="container2"></div>

并说两个divs具有相同的宽度和宽度。高度并且彼此重叠，#container2位于另一个之上（即z-index的{​​{1}}更高。）

是否绝对将鼠标绑定到下面的元素（#container2）？

我问这个是因为在我的情况下，#container1部分阻挡了#container2的部分内容。所以在没有重叠的地方，我没有绑定问题，但是当有重叠时，我就无法绑定

EDIT 具体来说，#container1是时间轴，#container1是从上午9:00到凌晨12:00开始的特定任务。我希望能够将任务拖到不同的时间。所以我想绑定到时间轴（#container2）。

Answer 1

您可以将pointer-events:none添加到元素中。

Example Here - 尝试突出显示文字，您可以浏览元素。

#container2 {
    z-index:2;
    pointer-events:none;
}

请考虑property's support。

Answer 2

在div上超过另一个使用

css
    #a{
        pointer-events:none;
    }



<div id='a'>on top</div>
<div id='b'>under</div>

jsfiddle