IE10下设置了z-index，底层DIV绑定的事件仍然会触发
代码如：
<html>
<head>
<style type="text/css">
img
{
position:absolute;
left:0px;
top:0px;
z-index:-10000;
}
</style>
</head>
<body>
<div style="width:100px;height:200px;border:1px solid red;">This is a heading</div>
<img src="/i/eg_smile.gif" onclick="alert(23)"/>
<p>由于图像的 z-index 是 -1，因此它在文本的后面出现。</p>
</body>
</html>
IE10下还会弹出23，谷歌不会
<html>
<head>
<style type="text/css">
img
{
position:absolute;
left:0px;
top:0px;
z-index:-10000;
}
</style>
</head>
<body>
<div style="width:100px;height:200px;border:1px solid red;">This is a heading</div>
<img src="/i/eg_smile.gif" onclick="alert(23)"/>
<p>由于图像的 z-index 是 -1，因此它在文本的后面出现。</p>
</body>
</html>
IE10下还会弹出23，谷歌不会
...全文
请发表友善的回复…
发表回复
ldsingle1 2017-12-01
- 打赏
- 举报
多加一层layer
js世界 2017-12-01
- 打赏
- 举报
设置背景色是可以解决IE10问题，但为什么IE10跟谷歌的会不一样，有没有什么一劳永逸的方式，不想每次都去设置背景色
天际的海浪 2017-11-30
- 打赏
- 举报
div加个透明背景
background-color: rgba(0,0,0,0);
天际的海浪 2017-11-30
- 打赏
- 举报
谷歌浏览器也是一样会触发事件
加上
html,body { height: 100px;margin: 0;}
斯洛文尼亚旅游 2017-11-30
- 打赏
- 举报
firefox也不行。。设置为背景图片不就好了
Web开发学习资料推荐
easyui datebox设置日期范围
Web前端开发
Web开发学习资料推荐
easyui datebox设置日期范围
Web前端开发
functionsub 2017-11-30
- 打赏
- 举报
这个一般是出现在低版本IE上的，手头没IE10，不好调试。
等于是随便搞一个像素的空白图片，给div加上这个空白图片的背景图并且repeat。
应该就没问题了。
Hello World, 2017-11-30
- 打赏
- 举报
穿透了呗，div加个背景
functionsub 2017-11-30
- 打赏
- 举报
给div加一个空白图片的背景。
