我在 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> </div>');
document.write('</div>');
结果应该是，我有:
- 一个带有 关闭功能。
- 一个DIV标签， 创建一个 div 层“CloseReminder” 具有高 z-index 和 onClick 关闭父层的事件
DIV 必须在 IMG 之前，并且应该符合 css。
在 FF、CHrome、Opera 等中，它可以正常工作，但在 IE8 中，图层位于图像后面。我不明白，为什么...
我发现，如果我给图层一个背景颜色(例如蓝色)，div 就会位于图像前面，不幸的是，如果我给它一个背景颜色“透明”(它必须不可见)
有人知道吗？ 谢谢你帮助我，
最好的， 德克
最佳答案
解决方法:
尝试添加背景:黑色； filter: alpha(opacity=0); 到 #closeReminder div。不太好，但至少它有效...
我想有更好的解决方案，但我不记得了(所以这可能只是一个醉梦)。
关于javascript - IE8 中空 div 层的 z-index 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4545002/