Javascript - 綁定到另一個元素後面的元素？

Question

說我有兩個div：

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

並說，這兩個divs具有相同的寬度&高度，並且在彼此的頂部，#container2正對另一個的頂部上（即，#container2的z-index較高）。

有絕對反正有你的鼠標綁定到下面的元素（#container1）？

我問這個，因爲在我的情況，#container2部分的#container1塊的部分;所以不存在重疊，我有約束力沒有問題，但是當有重疊的，那麼我不能綁定

編輯 具體來說，#container1是時間軸，並#container2是開始從上午9:00說一個特定的任務直到凌晨12:00。我希望能夠將任務拖到不同的時間。所以我想綁定到時間線（#container1）。

Answer 1

你可以添加pointer-events:none的元素。

Example Here - 嘗試突出顯示文本，你可以通過該元素。

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

請考慮property's support。

Answer 2

上是比其他使用

css 
    #a{ 
     pointer-events:none; 
    } 



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

jsfiddle