我有一个使用 iFrame 加载动态标题的网页（长话短说，我们有一个包含 Shopify 页面的大网站；该网站上的每个其他页面都使用 Ektron 小部件来加载标题，但我做不到在 Shopify 代码中，所以我使用 iFrame 从单独的页面加载标题）。标题有需要工作的按钮，以及单击登录按钮时打开的模式窗口。模态窗口是问题所在。我的 iFrame 目前是标题本身的大小（330px）；如果 iFrame 窗口大于该窗口，它会覆盖页面下方的内容并使这些按钮无法点击。我无法将“pointer-events:none”添加到 iFrame，因为我需要 iFrame 标头中的按钮才能工作。但是，当登录模式打开时，它会被截断，因为 iFrame 不够大，无法显示整个内容。我也不能将 iFrame 高度设置为 1000px 并使用 z-index 将其放在其他内容的后面，因为当我这样做时，Shopify 页面上的内容会显示在模式窗口的顶部。
我尝试的最后一件事是动态更改 iFrame 的高度，以便在单击登录按钮时，iFrame 的高度会增加以显示整个模式。但是，由于 iFrame 内容与 Shopify 页面的域不同，因此我无法将 iFrame 定位为标题文档的父级。
我真正想做的是使 iFrame 的高度足够大以显示模态窗口，而且还要使 iFrame 后面的按钮可点击，而不禁用 iFrame 中的按钮。有什么办法可以在 div 中和后面都启用按钮吗？