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>');

结果应该是,我有:

• 带关闭功能的IMG标签(关闭按钮).
• 一个DIV标记,它创建一个具有高z-index的div层"CloseReminder"和一个用于关闭父层的onClick事件

DIV必须在IMG前面,并且应该符合css.

在FF,CHrome,Opera等它正在工作,但在IE8中,该层正在放置图像.我不明白,为什么......

我发现,如果我给图层一个背景颜色(蓝色),div就会放在图像前面,不幸的是,如果我给它背景颜色"透明"(它必须是不可见的)

有人有线索吗？谢谢你的帮助,

最好的,德克

Answer 1

解决方法:

尝试添加 background: black; filter: alpha(opacity=0);到#closeReminderdiv.不好,但至少它有效......

我想有一些更好的解决方案,但我记不起来了(所以它可能只是一个醉酒的梦).