用另一个按钮覆盖一个 Iframe 按钮，当按下该按钮时，该 Iframe 按钮也将被按下答案

【问题标题】：Overlay an Iframe Button with another button that when pressed, the Iframe button will be pressed too用另一个按钮覆盖一个 Iframe 按钮，当按下该按钮时，该 Iframe 按钮也将被按下
【发布时间】：2015-04-04 16:33:32
【问题描述】：

;) 我在自己的网站上有一个带有 iFrame 到另一台服务器的页面。这个 iFrame 中有一个按钮，但我不喜欢这种风格，所以我试图用另一个我的按钮来覆盖。所以问题是：有可能用我的按钮覆盖这个 iFrame 中的按钮，然后，当我的按钮被按下时，iFrame 的按钮也被按下了？（所以没有人看到丑陋的 iFrame 按钮，但只有我的，但同时，iFrame 的按钮执行操作）。希望你能理解我的意思，否则我很乐意解释得更好:-)

提前感谢各位，祝你们有美好的一天;-)

谨此， G.C.

【问题讨论】：

黑客问题？为什么？对不起，我们是一家公司，我们不做黑客......
你为什么不改变 iframe 源样式？
听起来他们无法访问 iframe 的内容。
对不起，你错了。我们可以在 iFrame 中访问 BUTTON，但它很丑（我们正在根据一个无聊的客户的要求工作......）我们想用另一个更漂亮的东西来覆盖......就是这样！抱歉，Max 的错误，如果我们能完成以消除所有疑问，我们将展示工作 :-) 感谢您的支持 Max，祝您有美好的一天 :)
如果您可以访问该按钮，请使用不同的样式。

标签： javascript jquery html css iframe

【解决方案1】：

如果 iframe 的内容在另一台服务器上，则无法访问它的内容。

可能会奏效的坏主意，有点

如果您能够将按钮完全定位在 iframe 中的按钮之上，则可以通过将pointer-events:none 应用于您的按钮来传递用户的点击。这将非常棘手，因此我不建议您尝试。不要试图欺骗您的用户。

【讨论】：

谢谢！但我的问题是是否可以在 iFrame 的相同位置上制作一个按钮，当您单击它时，您正在考虑单击它，但事实是您正在单击on button back to this.So 一种不存在但你只能看到的按钮，你知道我的意思吗？示例： MyPage => "CoverButton" => iFrame 在 CoverButton 后面，所以当我在实际中单击 CoverButton 时，我单击 iFrame 按钮只是为了遮盖丑陋的按钮，我不想从我的侧面按钮访问 iFrame 按钮:-) 抱歉，我不知道如何解释 :) 非常感谢克里斯！
您的网站根本无法访问 iframe 的内容，因此您无法传递用户点击了您的按钮的事实。唯一可能的选择是在按钮上使用pointer-events:none 之类的东西，但这确实是个坏主意。
你好克里斯，我正在搜索这个函数，它正是我正在寻找的！我正在查看此页面：css-tricks.com/almanac/properties/p/pointer-events 底部有选择文本的示例，但实际上，我是在封面下选择文本，所以这正是我要做的！谢谢你现在我做一些测试。但它适用于 iFrame 吗？我不知道这个功能，如果你愿意，你能告诉我一个例子吗？谢谢克里斯！！！太感谢了。对于所有其他用户，请不要在这里进行黑客攻击...我们只是根据客户的要求工作，很抱歉出现错误。
你的坏主意很成功！！！！非常感谢克里斯，你解决了我们的问题 :-) 祝你有美好的一天，再次感谢你的支持！！我们将显示最终结果以避免任何错误 ;-) 尊敬的 G.C.
确保你在不同的浏览器中非常非常彻底地测试它。即使是最细微的渲染差异（在您的页面或 iframe 中的页面上）也会破坏这种错觉。你也不会得到非常深入的 IE 支持。