html – z-index问题在IE与透明div

我有一个透明的div元素,比同一页面上的img元素更高的z-index。但是,当涉及到点击事件时,Internet Explorer的作用就好像img元素具有更高的z值。

<!DOCTYPE html>
<html>
<head>
    <title>Demo</title>
</head>
<body style="margin:0;padding:0;">
    <img src="7player.png" alt="7player" width="60" height="60" style="position:absolute; left: 100px; top: 100px; z-index:10" />
    <div style="width:100%;height:100%;position:absolute;z-index:900;" onclick="alert('hello');"></div>
</body>
</html>

当点击图像时,不会发生任何事情,因为div元素的点击事件应该触发(例如在Chrome中工作)。

是否有任何解决方法或解决我的问题?

其实你的div“没有任何背景”,

您需要给它一个颜色背景(例如白色),不透明度= 0.01。

例如:

 background:white; filter:alpha(opacity=1);
http://stackoverflow.com/questions/6480774/z-index-problem-in-ie-with-transparent-div

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:html – z-index问题在IE与透明div