css - iframe /span 下的链接无法点击

Question

我开发了一个位于窗口底部的静态广告代码。这是<iframe>为了让其他人更容易将设备放置在他们的网站上。<span>周围的另一个<iframe>将其固定在屏幕底部。该脚本有一个位于标签内的帮助窗口 - 在标签内<iframe>并使用可见/隐藏属性来显示或隐藏文本。

现在，由于代码位于 中<iframe>，因此帮助文本不会出现在主窗口中。为了解决这个问题，我将其<iframe>放大，并将其设置为透明。

从视觉上看，一切都很好。当用户单击股票代码上的按钮时，帮助菜单会出现在后台数据的上方。但是，我刚刚发现，如果主页上有链接通过该<span><iframe>部分，则无法单击它。我已经尝试过 CSS 指针事件，但无法让它工作，（其中的链接<iframe>也必须保持可点击状态）

不确定是哪个导致了“故障”，即<iframe>它周围的标签。停止“点击千斤顶”（？？）或更重要的是，是否有解决方法。

如果迫不得已，我可以减小 javascript 弹出窗口的大小<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>

Answer 1

将高度设置为与 iframe 相同的跨度（330px）

让我知道情况如何

Answer 2

哦，男孩，我让这个工作变得多么有趣！（23 日星期三 12 小时，今天大约 3 小时）

最初，我有一个<iframe>几乎占屏幕 3/4 的屏幕，（这样我就可以显示帮助窗口以在“”中使用，而不是使用模式弹出窗口。但是，出于安全原因，浏览器不会让您点击覆盖下方链接的文本。

我不得不从字面上重新设计整个布局。

现在，我在一个单独的<span>窗口中有帮助文件，它的可见性设置为隐藏，直到用户需要它。但这仍然在底部留下了股票代码。

我不得不<divs>在主代码的两侧将它分成三个。但同样，侧面的那些有效地掩盖了下面的页面，所以我必须设置两者<divs>，以便它们使用“pointer-events：none”意味着<div>不可点击，鼠标事件将传递到下面的代码。代码的中间部分设置为相反的，命名为“pointer-events:auto”，以便 TOP 窗口获得点击，而不是下面的页面。

下一个问题：因为代码显示的图形延伸到正文中，所以留下了一个 1/2" 的区域，无法访问主页上的点击。另一个跨度被添加到代码中，用透明的 gif 覆盖该区域。当用户将鼠标放在这个图形上时，会发生交换并显示一个半透明的棋盘，然后他们可以在帮助文件中阅读这意味着什么。

最后，当用户点击最小化按钮时，<div>持有股票代码被隐藏（允许访问页面上的所有链接）并且 ANOTHER<div>显示“恢复”图形。当他们点击它时，它会被隐藏，而主代码窗口 - 并且<divs>两侧的两个窗口再次可见。

它只是一个简单的脚本！（哦，不要查看网站或我的博客，因为我不会在 26 日星期六前夕上传更改）