0

IE で完全に動作するページがありました。次に、このコードでDOMReadyのこのコードを使用して
、素晴らしいjQueryプラグインDatatablesを追加しました

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

Webkit および Firefox ブラウザーではすべて問題ありません。画像を参照してください。

Firefox でのレンダリング

しかし IE では、理想的にはこのようにテーブルの上に表示されるメニューがテーブルに隠されています。

IE でのレンダリング

ご覧のとおり、サブメニューはテーブルの後ろに表示されます。

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

4

1 に答える 1

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 の達人ではありません。

于 2012-04-14T13:15:48.490 に答える