Меню jQuery отображается за моим элементом div

#jquery #menu #datatable

#jquery #меню #поддающийся обработке данными

Вопрос:

на моей странице у меня есть два divs — один для хранения jQuery menu, а другой для jQuery.DataTable (расширение от datatables.net ).

 <div id='divMenu'/>
<div id='divTable'/>
 

Я отображаю свою таблицу данных во втором div

 $('#divTable').append(myTable);
myTable.dataTable({...});
 

затем динамически создайте меню jQuery и добавьте его к первому div

 $('#divMenu').append(myMenu);
myMenu.menu();
 

теперь, когда я расширяю свое меню, некоторые действия его подменю переходят под (позади) второго div. Вы можете что-нибудь посоветовать? Спасибо…

Ответ №1:

Вам нужно использовать свойство z-index CSS. Документация.