2

重複の可能性：
IFRAMEのコンテンツを親フレームにオーバーフローさせる方法はありますか？

次の状況で考えられる回避策を探しています。

iframe要素に読み込まれたページ内に「position：absolute 」スタイルの要素があります。iframeの詳細とこのフォーラムのいくつかの投稿（IFRAMEのコンテンツを親フレームにオーバーフローさせる方法はありますか？）によると、iframeの境界の外側にある「position：absolute」要素を表示する方法はありません。

ただし、例外があるようです。ネイティブのselect/option要素はiframeの境界線の外側に表示されます。

MainPage.htm：

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

WindowPage.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>

iframe内の「position：absolute」要素に対してこの動作を実現するための可能なスタイル/設定（HTML5 / CSS3など）はありますか？

4

1 に答える 1

3

簡単な答え：いいえ。

スタイル的にもそうでない場合でも、iFrameのコンテンツを実際に制御することはほとんどできません。ソースページのCSSが宣言するものはすべて、とにかく試行するものよりも優先されます。

さらに、コメントで言及されているリンクで言及されているように、この種の必要性をもたらすiFrameの周りにはセキュリティ上の影響があります。

于 2012-10-09T16:00:33.783 に答える