datatables.netプラグインは、IE内のテーブルの後ろにメニューを隠す

Question

IEで完全に動作するページがありました。
は、その後、私はすべてがWebkitのとFirefoxのブラウザで結構です

$('#articlestable-container table').dataTable({ 
    "bPaginate": true, 
    "bLengthChange": false, 
    "bFilter": true, 
    "bSort": false, 
    "bInfo": false, 
    "bAutoWidth": false 
}); 

このコードでDOMReadyにこのコードを使用して、それに素晴らしいjQueryプラグインDatatablesを追加しました。イメージを参照してください。

しかし、IEで、テーブルは、理想的には、このようなテーブルの上に来るべきメニューが非表示になります。

あなたが見ることができるように、サブメニューがテーブルの後ろにレンダリングされます。

私はz-indexはここの犯人ではないと思います。とにかくサブメニューはz-index: 9999;です。
何が間違っている可能性がありますか？これを解決するための指針は非常に役に立ちます。

Answer 1

datatables.netに同梱されているデフォルトのCSSを使用しています。ここでラッパーはposition:relative;を持っていました。そのコードを削除するだけでメニューが正しく表示されます。

.dataTables_wrapper { 
    /*position: relative;*/ 
    clear: both; 
    zoom: 1; /*Feeling sorry for IE */ 
} 

私はIEのバグだと思います。 http://www.gobdg.com/blog/2009/04/positionrelative-z-index-ie-bug/
しかし手動でz-index:1;を設定すると機能しませんでした。

免責事項：この問題の実際の解決方法はまだわかりません。私はCSSの達人ではありません。