проблема с z-индексом пустого слоя div в IE8 - PullRequest
Новая
       8

проблема с z-индексом пустого слоя div в IE8

6 голосов
/ 28 декабря 2010

У меня проблема с z-index в IE8 (другие IS еще не тестировались):

Следующий JS создает html / css: 

document.write('<img id="' + sas_Banderole.getObjId('cb') + '" src="' + cburl + '" style="position:absolute; top:5px; cursor:pointer;" onclick="sas_Banderole.trigger();" border=0>');
document.write('<div ID="closeReminder" style="z-index:10000; background-color:transparent; text-align: right; display:none; width:30px; height:100px; right: 0px; position:absolute; top:5px; cursor:pointer; color:fff; font-size:10px;" onclick="reminder_close();" border=0>&nbsp;</div>');


document.write('</div>');

Результат должен быть, что у меня есть:

  • тег IMG (кнопка закрытия) с закрывающая функция.
  • тег DIV, который создает слой div "CloseReminder" с высоким z-индексом и onClick событие для закрытия родительского слоя

DIV должен быть перед IMG и должен соответствовать CSS.

В FF, Chrome, Opera и т. Д. Он работает, но в IE8 слой лежит позади изображения. Я не могу понять, почему ...

Я обнаружил, что если я назначу слою цвет фона (например, синий), div будет лежать перед изображением, к сожалению, нет, если я дам ему цвет фона "прозрачный" (он должен быть невидимым)

У кого-нибудь есть подсказка? Спасибо за помощь,

Лучший, Dirk

1 Ответ

5 голосов
/ 28 декабря 2010

Обходной путь:

Попробуйте добавить background: black; filter: alpha(opacity=0); к #closeReminder div. Не приятно, но, по крайней мере, это работает ...

Полагаю, было более приятное решение, но я не могу вспомнить его (так что это может быть просто пьяный сон)

...