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 回答