【发布时间】:2013-10-21 20:45:13
【问题描述】:
我开发了一个位于窗口底部的静态广告代码。这是在<iframe> 中,以便其他人更容易将设备放置在他们的网站上。 <iframe> 周围的另一个 <span> 将其固定在屏幕底部。该脚本有一个位于标签内的帮助窗口 - 在<iframe> 内,并使用可见/隐藏属性来显示或隐藏文本。
现在由于代码位于<iframe> 中,因此帮助文本不会出现在主窗口中。为了解决这个问题,我将<iframe> 放大,并将其设置为透明。
在视觉上,一切都很好。当用户单击股票代码上的按钮时,帮助菜单会出现在后台数据的上方。但是,我刚刚发现,如果主页上有一个链接在<span><iframe> 部分下经过,则无法单击它。我已经尝试过 CSS 指针事件,但无法让它工作,(<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> as I've managed to use
标签: css iframe html pointer-events