datatables.net插件隐藏在IE后面的左侧菜单

Question

我有一个在IE中完美运行的页面 然后我使用此代码在DOMReady中使用此代码向其添加了精彩的jQuery插件Datatables

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

Webkit和Firefox浏览器中的一切都很好。看图像。

但是在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大师。