dhtmlx网格隐藏的dhtmlx日历

Question

我有一个问题，其中dhtmlxCalendarObject被dhtmlXGridObject隐藏。 为了创建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 Explorer 11中发生的。

谢谢

Answer 1

试试下面的代码

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