DHTMLX日历隐藏DHTMLX网格

dhtmlx calendar hidden by dhtmlx grid

本文关键字：DHTMLX 网格 日历 隐藏      更新时间：2023-09-26

我有一个问题，即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中发生。

谢谢

试试下面的代码

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