jquery - iframe 上のフライアウト メニュー

Question

ulタグと jQueryを使用してフライアウト メニューを作成しました。問題ありませんが、ユーザーは iframe をビデオ プレーヤーに埋め込みたいと考えています。

残念ながら、iframe は常にフライアウト メニューの上に表示されます。次に例を示します。

http://jsfiddle.net/9GV7Y/3/

どんな CSS トリックを試しても、iframe は準拠を拒否します。

何か案は？

編集フィドルは Firefox では正常に動作しますが、IE や Chrome では動作しません。

Answer 1

swf に設定されている wmode 属性が透過的であると思われます。これにより、フラッシュが他のすべての要素の上に表示されることがあります (z-index 要素に関係なく)。

コードを調べたところ、いくつかの場所で wmode=transparent が見つかりました。その wmode=transparent を wmode=opaque に置き換えてみてください。