ie10兼容问题 -- 将div定位absolute在图片img上面,导致div点击事件无效

ie10兼容问题:

将div定位absolute在图片img上面,发现div若不加背景色,导致div点击事件(任何事件)无效。

<div class="paper-box">
<div class="red-paper">
<img class="company-uk-packet" src="./images/uk-bag.png" alt="">
</div>
<div class="hand-hot"></div>
</div>

解决办法:

1、给div本身加透明背景色(前提是该div里没有内容,否则内容也会被透明)

.hand-hot{
position: absolute;
width:220px;
height: 54px;
bottom:22px;
left:102px;
cursor: pointer;
background: #fff;
opacity: ;
}

2、将img换成背景图

.red-paper{
width:430px;
height: 430px;
background: url('../images/uk-bag.png') no-repeat center center;
}
.hand-hot{
position: absolute;
width:220px;
height: 54px;
bottom:22px;
left:102px;
cursor: pointer;
}
上一篇:web前端升级之路


下一篇:Windows 8.1常见问题