0

可能重复：
处理 z-index 图层上的点击事件

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

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

我正在使用火狐。

谢谢-埃德

这是div的html

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

累了这些和纳达：

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

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


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



    });

    });

</script>
4

2 回答 2

2

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

就像是：

#overlapping-div { pointer-events: none }

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

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

MDN 参考

我可以使用参考吗

于 2012-10-19T04:05:52.837 回答
1

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

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

于 2012-10-19T04:06:45.910 回答