dhtmlx日历被dhtmlx网格隐藏

Question

我遇到了一个问题，dhtmlXGridObject隐藏了一个dhtmlxCalendarObject。为了创建dhtmlxCalendarObject，我创建了一个div和dhtmlxCalendarObject，如下所示：

<div id="calendar1" style="position:absolute; left:0px; top:22px;"></div>

..。然后：

var cal1 = new dhtmlxCalendarObject('calendar1', true, {isYearEditable: true, isMonthEditable: true});

在dhtmlxCalendarObject下面，我创建了一个dhtmlXGridObject，如下所示：

<div id="gridalarmsbox" style="width:99%; border:1px solid #000000"></div>

..。然后：

var gridalarms = new dhtmlXGridObject('gridalarmsbox');

当我点击日历时，有一半隐藏在网格后面，我如何解决这个问题？

我尝试过在上面的div中使用z-index，如下所示：

<div id="gridalarmsbox" style="width:99%; border:1px solid #000000; z-index:-1;"></div>

和

<div id="calendar1" style="position:absolute; z-index:-999; left:0px; top:22px;"></div>

但这似乎没有什么不同。

这在Internet Explorer11中正在发生。

谢谢

Answer 1

尝试下面的代码

var cal1 = new dhtmlxCalendarObject('calendar1', true, {isYearEditable: true, isMonthEditable: true});
if (navigator.appName == 'Microsoft Internet Explorer'){
                cal1.parent.style.zIndex = 200;
            }