html - Z-Index と iFrame

Question

iframe を使用して別のアプリケーションに記述した単純な html と css を埋め込んでいます。私のコード内では、CSS を使用して、ページの要素にカーソルを合わせたときにコンテキスト メニューを作成しています。ただし、ホバーメニューでiframeの端に近づくと、カットオフされてフレームの下にとどまります。z-index のさまざまなバリエーションを試しましたが、何も機能しませんでした。このメニューを親ウィンドウの上に表示する方法はありますか?

これについて何か考えはありますか？

Answer 1

CSS スタッキング コンテキストに属する位置とルールは、現在のドキュメントに限定されます。-contents は完全に異なるドキュメントであるz-indexため、これは を使用して機能しません。iframeフレームから何かを「にじませる」ことはできません。オーバーレイが必要な場合は、iframeをまったく使用しないでください。