css3 pointer-events:none 允许点击穿透

来源:互联网 发布:swift model数组 编辑:程序博客网 时间:2024/06/05 11:58

<style>

.container {
    position: relative;
    width: 200px;
    height: 50px;
    margin: 20px 0;
}
.cover_through {
    pointer-events: none;//使用当前属性点击div将触发链接
}
.cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,203,152,0.5);
}

</style>

<div class="container">

  <div class="cover_through cover js-click-to-alert"></div>
  <a href="http://wx.huipinze.com" target="_blank">http://wx.huipinze.com</a>

</div>

0 0
原创粉丝点击