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")
})

因为两个被一个人覆盖，因为一个人来自两个人。

两个不再可点击。

我知道如何解决这个问题的方法就是扭转它们。

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

但我将为我的应用程序动态生成这些分区。所以这个部门必须追求。

有关此问题的任何想法或建议

以下是实例http://jsfiddle.net/Sca2c/4/

Answer 1

使用CSS属性z-index。

z-index定义了网页的图层，因此z-index 2的元素位于z-index 1的元素上方。< / p>

一旦元素被另一个元素覆盖，可点击事件就不再触发

1 个答案: