Javascript Iframe窗口按钮，可展开以覆盖另一个按钮。如何传递下面未使用的点击？

我有一个iframe按钮，当单击时，它会下拉并提供几个选项供您选择。展开时，此按钮覆盖另一个按钮。我需要iframe在折叠时将未使用的点击“传递”到iframe窗口下方的按钮。我知道我可以做一个onclick事件来改变z索引。然而，我听说有一种方法可以传递未使用的点击。有人有什么建议吗

我创造了这个小js小提琴演示我的问题。。。当然，z索引已经在drupal中定义（例如，它与管理配置选项卡重叠）

单击以更改时区

---

单击我

我认为您无法将必要的javascript应用于iframe。如果您可以访问iframe的页面，那么可以在那里应用javascript，这样当按下某个按钮时，它也会生成覆盖按钮的结果。如果覆盖的按钮与iframe位于不同的页面上，则必须将信息发送到服务器端代码，在那里执行操作，并在必要时将其发送回用户。如果没有服务器端代码，就无法协调两个页面

---

您的问题相当模糊，因此如果这不能回答您的问题，请编辑并展开，我将编辑我的答案并重试。

好的，让我再试一次。iframe内部有一个按钮，单击该按钮时有多个选项。通常，我们假设按钮是100px乘以20px。但是当点击这些选项时，它会变成100px乘以100px。但是，iframe始终被视为100乘100。这不幸地掩盖了另一个按钮，使得我无法点击折叠按钮下面的任何东西。我正试图找出最干净的方法，让折叠的iframe按钮将点击传递到单独页面上它下面的按钮。啊，我明白了。若你们坚持使用iframe，你们将需要发布很多iframe的windowshtml、css和javascript，即使这样，我可能也不会聪明到找到答案。也许值得尝试iframe的替代方案，看看它们是否有相同的问题，但iframe是最好的，任何替代方案都可能会产生额外的问题。iframe对此有必要吗？这是个有问题的坏习惯。在不依赖iframe的情况下重新开始可能会更快。从工作流程的角度来看，我们有一个断点，动态内容由正在创建一系列小部件的其他开发人员处理。此小部件尤其会更改时区和utc（这会影响一系列其他小部件列表）。从设计角度来看，按钮的位置是合理的。。。我尽量不花太多的时间来设计这个按钮，并希望有一种黑客的工作。当我建立网站时，我们的按钮重叠了。。。让我看看是否可以组合一个代码示例。我添加了一个js fiddle示例来尝试演示我遇到的问题。如果您注意到无法单击第二个按钮，则不可以。

<div id="test">
<iframe id="timeWidget" src="http://ntws.isti.com/times.php" data-toggle="tooltip" data-placement="top" title="Click to Change Time Zone" style="border: 0px solid white; width: 106px; height: 116px; overflow: hidden;" scrolling="no" marginheight="0" marginwidth="0" frameborder="0">Click to Change Time Zone</iframe>