文章/答案/技术大牛

发布

社区首页 >问答首页 >datatables.net插件在IE中隐藏表格后面的菜单

问datatables.net插件在IE中隐藏表格后面的菜单
EN

Stack Overflow用户

提问于 2012-04-14 19:25:18

回答 1查看 1K关注 0票数 0

我有一个在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;。

会出什么问题呢？任何解决这个问题的指针都会非常有帮助。

jquery-datatables

html

css

回答 1

Stack Overflow用户

发布于 2012-04-14 21:15:48

一直在使用datatables.net附带的默认CSS。这里的包装器包含position:relative;。只需删除该代码，菜单就会正确显示。

.dataTables_wrapper {
    /*position: relative;*/
    clear: both;
    zoom: 1;  /*Feeling sorry for IE */
}

我猜这是IE的bug。http://www.gobdg.com/blog/2009/04/positionrelative-z-index-ie-bug/

但是手动设置z-index:1;对我不起作用。

免责声明:我还不知道这实际上是如何解决这个问题的。我不是CSS专家。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10153214

复制

相似问题

问datatables.net插件在IE中隐藏表格后面的菜单
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问datatables.net插件在IE中隐藏表格后面的菜单EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问datatables.net插件在IE中隐藏表格后面的菜单
EN