IE Z-インデックスがvideojsで動作しません

絶対配置されたdivが3つありますIE Z-インデックスがvideojsで動作しません

ロゴ/メニューリンク用です。メニュー用です。ページコンテンツの1つ。

私はJQueryのslidetoggleを使ってメニューを隠したり表示したり、メニューdivに高いZインデックスを提供しています。私は、コンテンツdivのコンテンツのJQueryスライドショーを使用しています。また、VideoJSを使用して、コンテンツ部門のページの1つにビデオを表示しています。

VideoJSのないすべてのページでは、zインデックス付きのメニューをコンテンツdivに表示できます。

私が抱えている問題は、IEにVideoJSが含まれているときに、Zインデックス付きのメニューがコンテンツdivに表示されないことです。それは他のすべてのブラウザで正常に動作します。

これをウェブにアップロードしました。誰かが私のエラーがどこにあるのか理解してもらえますか？私はコードを見て時間がなかった注意点が

出典

2011-09-13 Ed Booth

に設定していても、IEで5よりも高いZインデックスを持つことはありません、これを参照してください。 http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ –

あなたに役立つコミュニティのコードを提供することをお勧めします。 – thejartender

、この観察は役に立つかもしれ：

IEでは、要素はその親よりも高いZインデックスを持つことができません。あなたはこのコードを持っていたのであれば、たとえば、：

<div id="container1" style="position:absolute;z-index:15"> 
    <div id="container1-child" style="position:absolute;z-index:5"></div> 
</div> 

<div id="container2" style="position:absolute;z-index:5"> 
    <div id="container2-child" style="position:absolute;z-index:105"></div> 
</div>

をDIV＃1にcontainer2-子供はあなたが105

出典

2011-09-13 20:13:58

IE Z-インデックスがvideojsで動作しません

答えて

関連する問題