可點擊事件不再觸發一旦元素被其他元素

Question

簡單的例子覆蓋，

我有兩個div

<div id="two"></div><div id="one"></div> 

CSS是

#one{ 
    position: absolute; 
left: 3px; 
top: 3px; 
width: 100px; 
height: 100px; 
background: red; 
} 

#two{ 
    position: absolute; 
    width: 20px; 
    height: 20px; 
    background: blue; 
} 

事件處理程序：

$("#two").click(function(){ 
alert("test") 
}) 

因爲Two是cov因爲一個在兩個之後。

兩個不再可點擊。

唯一的方法，我知道如何解決這個問題是扭轉它們。

<div id="one"></div><div id="two"></div> 

但我會爲我的應用程序動態生成這些分區。所以這個部門必須得到。

解決此問題

這裏任何意見或建議，就是活生生的例子http://jsfiddle.net/Sca2c/4/

Answer 1

使用CSS屬性z-index。

z-index定義網頁的層，所以用的2一個z-index一個元件是具有一個1一個z-index元件上方。