календарь dhtmlx, скрытый сеткой dhtmlx

У меня возникла проблема, из-за которой объект 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');

Когда я нажимаю на календарь, половина его скрыта за сеткой, как я могу решить эту проблему?

Я попытался использовать 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.

Спасибо


person gttommo    schedule 15.07.2015    source источник
comment
К сожалению, проблема не может быть воспроизведена локально. Если проблема все еще возникает у вас, не могли бы вы предоставить полную демонстрацию, где проблема может быть восстановлена ​​​​(вы можете связаться с [email protected] со ссылкой на этот вопрос).   -  person Paul    schedule 17.07.2015


Ответы (1)


Попробуйте приведенный ниже код

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