css - 是否可以将 iframe 的元素位置更改为超出 iframe

标签 css iframe

我在页面上有一个 iframe,在这个 iframe 页面中有一个按钮,我想将按钮的位置移到 iframe 之外(视觉上)。有没有可能。

----(want to move the button to here)
<div>
--- other elements----
</div> 
-------iframe---------
-                  ---
----the menu button---
-                  ---
----------------------

是否可以通过调整 CSS 来完成?

最佳答案

我不认为 iFrame 内容被认为是页面 DOM 的一部分,或者如果它是出于安全原因可能会被阻止(我在这里可能是错的)- 所以如果这有效我会感到非常惊讶。

一个非常 hacky、肮脏、“天哪,我很惭愧”的解决方法是屏幕抓取 iFrame 所在的页面,并使用您的服务器端(如果有)技术将已解析的抓取内容插入您的页面。新内容将成为 DOM 的一部分,您可以使用 CSS 和 jQuery。

虽然我真的不能推荐这种技术。

关于css - 是否可以将 iframe 的元素位置更改为超出 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12319592/

相关文章:

jquery - 单击正文 html 时隐藏元素

html - 无法在 css 中设置图像样式

javascript - Meteor.js 安全地嵌入 iframe

css - 你可以 float ul 以显示在 iframe 的父页面顶部吗

javascript - 点击播放 Youtube 视频

javascript 累积箭头控件

javascript - 将引导文本类交换为谷歌 Material 图标

html - 如何正确地使相对定位的 div 填充绝对定位的父级

python - 为什么不能将 Django 站点嵌入到另一个 HTML(iframe) 中?

javascript - 使用 JavaScript 更改 &lt;iframe&gt; 的来源