我开发了一个位于窗口底部的静态广告代码。这是在 <iframe>使其他人更容易将该单元放置在他们的站点上。另一个<span> <iframe>周围使其固定在屏幕底部。该脚本有一个标签内的帮助窗口 - 在 <iframe> 内并使用 visible/hidden 属性来显示或隐藏文本。
现在因为代码在 <iframe> 中, 帮助文本不会出现在主窗口中。为了解决这个问题，我做了 <iframe>变大，设置为透明。
在视觉上，一切都很好。当用户单击代码上的按钮时，帮助菜单会出现在后台的数据上方。但是，我刚刚发现，如果主页上有一个链接在 <span><iframe> 下传递部分，无法点击。我试过 CSS pointer-events，但无法让它工作，(<iframe> 中的链接也必须保持可点击)
不确定是哪个导致了“错误”，即 <iframe>或它周围的标签。停止“点击劫持”(??)或更重要的是，是否有解决方法。
如果紧要关头，我可以减小 <iframe> 的大小并使用 javascript 弹出窗口来显示帮助文本，但这些窗口显示 URL 和状态窗口，并不十分优雅!
这是在任何人询问之前的代码:
此跨度覆盖整个屏幕到底层 <iframe> 的高度我这样做是为了让数据居中
<span style="position:fixed;bottom:10px;display:inline;width:100%">
<center>
<iframe src="http://www.xxx.com/cgi-bin/ticker/run_tick.pl?s=xzy" frameborder=0 align=top width=800px height=330px marginwidth=0 marginheight=0 hspace=0 vspace=0 scrolling=no allowtransparency=true></iframe>
</center>
</span>
最佳答案
将高度设置为与 iframe 相同的跨度 (330px)
告诉我情况如何
关于css - iframe/span 下的链接无法点击，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19504343/