javascript - IE8 中空 div 层的 z-index 问题

Question

我在 IE8 中的 z-index 有问题(其他 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>');

结果应该是，我有:

• 一个带有关闭功能。
• 一个DIV标签，创建一个 div 层“CloseReminder”具有高 z-index 和 onClick关闭父层的事件

DIV 必须在 IMG 之前，并且应该符合 css。

在 FF、CHrome、Opera 等中，它可以正常工作，但在 IE8 中，图层位于图像后面。我不明白，为什么...

我发现，如果我给图层一个背景颜色(例如蓝色)，div 就会位于图像前面，不幸的是，如果我给它一个背景颜色“透明”(它必须不可见)

有人知道吗？谢谢你帮助我，

最好的，德克

Answer 1

解决方法:

尝试添加背景:黑色； filter: alpha(opacity=0); 到 #closeReminder div。不太好，但至少它有效...

我想有更好的解决方案，但我不记得了(所以这可能只是一个醉梦)。