要素の z-index 値は iframe コンテンツの z-index 値を超えることはできません
質問
私は持っています div
と iframe
ページ上 div
もっている
z-index: 0;
の iframe
ポップアップにコンテンツが含まれています。 z-index
1000のうち
z-index: 1000;
しかし div
IE では依然としてポップアップが隠れてしまいます (ただし、Firefox では正常に動作します)。
誰か私に何ができるか知っていますか?
解決
一般的に、 http://www.quirksmode.org/ この種のことについては優れた参考資料です。
他のヒント
IE のバージョンはどれですか?
私は JavaScript の専門家ではありませんが、ポップアップが表示されたときに div を非表示にすれば、必要なことは達成できるかもしれないと思います。
ドロップダウン ボックスとリストボックスを上に表示する JavaScript メニューを作成するときに、div と iframe を使用する必要がありました。他のメニュー実装では、これらの項目が非表示になるだけで、IE6 のデフォルトの動作では、z に関係なく、DIV の上に表示されます。 -索引。
私も同じ問題に直面しています。私の場合の問題は、iframe 内のコンテンツが IE によって直接制御されず、PDF ファイルであるため Acrobat によって制御されていることです。コンテンツなしで iframe を表示してみることもできます。その場合、ポップアップは正常に表示されます。何らかの理由で、IE は外部ヘルパーの z-index を制御できません。
IE7でテストしました
コードを見ないと、問題を特定するのは困難です。ただし、z-index は要素が配置されている場合にのみ機能することに注意してください (例: position: absolute;
)、おそらくそれが問題になる可能性がありますか?
あります CSS Z-index に関する良い記事 Mozilla 開発者センターから。
コード スニペットを見ないと、問題が何であるかを判断するのは困難です。ポップアップと同じサイズの iframe をポップアップの下に追加してみるとよいでしょう。IE7 では、他の iframe が既に読み込まれた後に iframe ポップアップをレンダリングすると、その下にある要素を隠すことができるはずです。例を探している場合は、一部の JS カレンダーとライトボックス/シックボックス コードがこれを行うと思います。
非表示にする場合を除き、Z インデックスを 1 より小さい値に設定しないでください。7.0 についてはわかりませんが、古いバージョンの IE では問題が発生しました。IE は z-index があまり好きではありません。ポジショニングも確認してください。ポジショニングが問題になる可能性があります。申し訳ありませんが、これ以上役立つのに十分な情報がありません。