我有一个网页,其中有一个来自第三方网络应用程序的iframe。
iframe中的web应用程序有一个动态弹出菜单,该菜单在iframe的边缘被切断。
有没有什么办法我可以嵌入iframe,这样它就可以在iframe的边界之外显示这个动态菜单?我完全信任第三方网站,但不能更改它的任何代码。
我怀疑这是不可能的,因为我认为这会是一个安全问题(点击劫持),但我想确认一下。
这是一个问题的图片,黑色是iframe的边框,红色的矩形是被截断的部分。
发布于 2018-08-24 03:55:57
我从来没有找到一种方法来做到这一点,并强烈怀疑它永远不会在第三方网站上工作。
但是,我意识到您可以缩放iframe的内容以适合iframe,这对我很有效。
这似乎是它上最好的堆栈溢出
How can I scale the content of an iframe?
这里有一个在Chrome,Safari和Firefox (现代)中工作的例子,但对旧浏览器不确定。它显示了嵌入在iframe中的网站,并根据iframe大小进行了缩放。
.wrap { width: 320px; height: 196px; padding: 0; overflow: hidden; float: left;}
.frame { width: 1280px; height: 786px; border: 1px solid black}
.frame {
// zoom: 0.25;
-moz-transform: scale(0.25);
-moz-transform-origin: 0 0;
-o-transform: scale(0.25);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.25);
-webkit-transform-origin: 0 0;
}
<p>before the iframe</p>
<div class="wrap">
<div class="wrap">
<iframe class="frame" src="https://time.is">
</iframe>
</div>
https://stackoverflow.com/questions/51897227
复制相似问题