Javascript dhtmlx网格隐藏的dhtmlx日历

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

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

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

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

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

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

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

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

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

我曾尝试在上述div中使用z-index，如下所示：

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

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

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

及

但这似乎没有什么不同

这在InternetExplorer11中发生

谢谢

请尝试以下代码

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

---

不幸的是，这一问题无法在当地重现。如果问题仍然存在，请提供完整的演示，在那里可以重建问题（您可以联系support@dhtmlx.com与此问题的链接）。