触发器单击下部元素（z-index）

Question

  

可能重复：
  click link below a higher z-index div

我有一个小问题。我的代码中有几个div元素。 它们代表了一种建筑。现在你有一个前元素（门廊）和一个后元素（建筑物）。 在后面的元素中会有一部电影，但由于前面元素（门廊）的z-index较高，按钮不起作用。

一个解决方案可能是将电影z-index设置得更高（或将元素移到前面），但是因为前后都有一个元素在移动（元素必须在电影前移动）我不能这样做。

我想知道是否有任何解决方案可以触发具有较低z-index或结构较低的元素的点击。我听说有一个jquery插件可以做到这一点，但我找不到它。

由于

<div id="cases" class="chapter">
    <div class="building sprite"></div>
    <div class="porch sprite"></div>
    <div class="movie">
        <iframe width="695" height="435" src="http://www.youtube.com/embed/O9REMmhvjQw" frameborder="0" allowfullscreen></iframe>
    </div>
</div>

Answer 1

点击此链接：

Forwarding mouse events through layers

它使用一个鲜为人知的Javascript属性处理将鼠标事件从一个元素传递到另一个元素。

另一种解决方案也是available here。