Плагин datatables.net скрывает левое меню за таблицей в IE

У меня была страница, которая отлично работала в IE.
Затем я добавил к ней замечательный подключаемый модуль jQuery Datatables, используя этот код в DOMReady с этим кодом

$('#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;.
Что может быть не так? Любые указатели для решения этой проблемы будут очень полезны.


html css jquery-datatables
person naveen    schedule 14.04.2012    source источник
comment
А как насчет положения подменю.   -  person Exor    schedule 14.04.2012
comment
Дорогой, это проблема с z-индексом. у меня нет вашего рабочего кода/скрипки, иначе он решил бы это за вас.   -  person w3uiguru    schedule 14.04.2012
comment
@Dinesh Swami: Тогда почему он правильно отображается в FIrefox/Webkit?   -  person naveen    schedule 14.04.2012
comment
@Экзор: Спасибо. позиционирование было проблемой. обертка была расположена относительно, и поэтому произошла эта ошибка! Вы знаете, почему это произойдет в IE? большое спасибо еще раз   -  person naveen    schedule 14.04.2012

Ответы (1)


arrow_upward
1
arrow_downward

Использовали CSS по умолчанию, который поставляется с datatables.net. Здесь у оболочки было 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.

person naveen    schedule 14.04.2012
comment
Я сказал тебе, дорогая, что у меня нет твоего рабочего кода, иначе я решил бы твои проблемы. IE7 всегда вызывает проблемы, особенно с z-индексом и позиционированием. В любом случае рад, что вы решили свою проблему. - person w3uiguru; 15.04.2012
comment
отличный ответ. у меня тоже была такая же проблема. мое время сэкономлено :) - person abdul; 24.07.2014