проблемы с г-индексом пустого сНу слоя в IE8

Question

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

Следующая 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 для закрытия родительского слоя

ДИВ должен находиться в передней части IMG и должен в соответствии с css.

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

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

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

Бест, Dirk

Answer 1

Обходной:

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

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