Question

可能重复：
Handling click events on z-index’d layers

我曾多次尝试在stackOverflow上找到答案，但我尝试了所有代码，似乎都没有。

我有一个与透明度重叠的div，我需要点击下方的div。如何禁用上面的div但仍保留在屏幕上？

我正在使用Firefox。

由于 -Ed

这是div的html

<div class="EduardoWhite"><img src="images/EduardoWhite.png" width="614" height="539" />

累了这些和nada：

<script>
$(document).ready(function()
     {

     $(".EduardoWhite").attr({ disabled: 'disabled' });


     $('.EduardoWhite').click(function(event)
     {
      $('.EduardoWhite').hide();



    });

    });

</script>

Answer 1

这取决于您的目标浏览器，但如果IE不是问题，您可以使用指针事件。

类似的东西：

#overlapping-div { pointer-events: none }

编辑 - 这是一个jsfiddle：http://jsfiddle.net/Eg4wz/

该元素的任何点击都将被忽略，允许下面的元素接收该事件。

MDN reference

Can I Use reference

Answer 2

如果div的z-index高于其下方的div，则没有标准方法来“禁用”div - 点击事件将始终发生在最高div上。

你唯一的选择是移动div，使其不可见，或捕获它上面的click事件，然后选择性地触发它下面的div上的事件。 pointer-events CSS属性可能会有所帮助，但并非所有浏览器都支持。

使用jQuery =单击下方的内容禁用DIV

2 个答案: