2

可能重复：
有没有办法让 IFRAME 中的内容溢出到父框架上？

我正在寻找以下情况的可能解决方法：

在加载到 iframe 元素中的页面中有一个具有“位置：绝对”样式的元素。根据 iframe 细节和该论坛上的几篇帖子（Is there a way to have content from an IFRAME overflow on the parent frame?），没有办法在 iframe 边界之外显示“位置：绝对”元素。

但是，似乎有一个例外：本机选择/选项元素显示在 iframe 边框之外：

主页.htm:

<iframe src="WindowPage.htm" style="height: 50px; width: 50px"></iframe>

窗口页面.htm:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <select>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
    </select>
</body>
</html>

是否有任何可能的样式/设置（可能是 HTML5/CSS3 等）来实现 iframe 内的“位置：绝对”元素的这种行为？

4

1 回答 1

3

简短的回答：不。

您实际上几乎无法控制 iFrame 的内容，无论是风格还是其他方式。源页面的 CSS 声明的任何内容都将胜过您尝试的任何内容。

另外，正如评论中提到的链接中提到的那样，iFrame 存在安全隐患，这使得这种必要性。

于 2012-10-09T16:00:33.783 回答