iframeはコンテンツを非表示にします。どのようにそれを解決するには?

私はiframeを持っています。マークアップは次のようになります。

<iframe height="350" frameborder="0" width="100%" scrolling="auto" src="someurl.php" style="z-index:100;overflow:auto;">
</iframe>

あなたが見ることができるようにiframeの高さは固定され、350です。

someurl.phpには、垂直方向に上に移動する第1要素としてのスライダがあります。私はスライダのz-indexを1000に設定しようとしましたが、幸運なことではありません。

どうすればこの問題を解決できますか?

1

2 答え

" someurl.phpには、垂直方向に上に移動する最初の要素としてスライダがあります。"

iFrameのコンテンツは、iframeの境界を決して超えることはありません。 フレーム内のスクリプトされた要素が「垂直方向に上に移動する」(絶対的に配置された)とき、それはもはや見えません。

フレームと親ウィンドウが同じドメインでホストされている場合は、要素が(枠内から)親ウィンドウに挿入され、要素がフレームの外に出ているように見えます。

2
追加された

私はあなたが正しくあなたを理解しているかどうかわからない、私たちは問題を見ることができるようにリンクを投稿することはできますか?

いずれの場合でも、iframeに表示されているページのz-indexは、iframe自体のz-indexの影響を受けません(iframeには独自のDOMがあります)。また、z-indexの動作はブラウザに依存します(特に、IEのバージョンが9より前の場合、IEのバージョンではz-indexを継承するため、すべての親要素にインデックスを付ける必要があります)。

別のサイトのiframeコンテンツですか?もしそうでなければ、私はiframeを使う代わりにdivを埋め込むためにjavascriptをconciderします。

0
追加された