我有一个使用iFrame加载动态标题的网页（长话短说，我们有一个包含Shopify页面的大网站;网站上的每个其他页面都使用Ektron小部件来加载标题，但我可以＆ ＃39;在Shopify代码中执行此操作，因此我使用iFrame从单独的页面加载标题）。标题包含需要工作的按钮，以及单击登录按钮时打开的模式窗口。模态窗口就是问题所在。我的iFrame目前是标题本身的大小（330px）;如果iFrame窗口大于该窗口，它将覆盖页面下方的内容并使这些按钮不可点击。我无法添加＆＃34;指针事件：无＆＃34;到iFrame，因为我需要iFrame标题中的按钮才能工作。但是，当登录模式打开时，它会被截止，因为iFrame不够大，无法显示整个内容。我也不能将iFrame高度设置为1000px并使用z-index将其置于其他内容之后，因为当我这样做时，Shopify页面上的内容显示在模态窗口的顶部。
我尝试的最后一件事是动态更改iFrame的高度，以便在单击登录按钮时，iFrame的高度会增加以显示整个模态。但是，由于iFrame内容与Shopify页面具有不同的域，因此我无法将iFrame作为标题文档的父目标。
我真正想做的是使iFrame的高度足以显示模态窗口，但也可以使iFrame后面的按钮可点击，而不会禁用iFrame中的按钮。有什么办法可以在div后面的AND中启用按钮吗？
答案 0 :(得分：0)
这将是一个非常糟糕的用户体验，你应该考虑做其他事情。但无论如何，
至少在较新的浏览器中，您可以在iframe上放置pointer-events: none样式，这样就不会捕获任何点击。然后在iframe中的模态内部的按钮上放置一个pointer-events: auto，这样他们至少可以正确地注册点击。这样，您就可以实现点击。
当然，所有现代浏览器都支持pointer-events（但不支持IE10及以下版本）