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标签，它创建一个div层“CloseReminder” 具有高z-index和onClick 关闭父图层的事件

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

在FF，CHrome，Opera等中，它正在运行，但在IE8中，该层正在放置图像。我不明白，为什么......

我发现，如果我给图层一个背景颜色（蓝色），div就会放在图像前面，不幸的是，如果我给它背景颜色“透明”（它必须是不可见的）

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

最佳，德克

Answer 1

解决方法：

尝试将background: black; filter: alpha(opacity=0);添加到#closeReminder div。不好，但至少它有效...

我想有一些更好的解决方案，但我记不住了（所以它可能只是一个醉酒的梦）。

IE8中空div层的z-index问题

1 个答案: