如何为元素的特定部分启用或禁用指针事件？

Question

我想知道是否有可能禁用指针事件，因为一半的元素不完全？例如下面的图片..

也许有可能使用另一个元素来重叠那个我想要被禁用的元素部分，但据我意识到这是不可能通过任何直接的方式，但我们可以通过另一个div覆盖该部分图像然后它会起作用......

Answer 1

为此，我们应该将我们的图像放在容器中然后将其位置设置为固定现在让我们检查出来

#container{
    position:fixed;
    width:150px;
    height:150px;
    left:0;
    top:0;
    z-index:5;
    overflow:hidden;
}
#container img{
width:100%;
height:100%;
cursor:pointer;
}
#imgcover{
    position:absolute;
    display:inline-block;
    height:250px;
    width:150px;
    left:50px;
    top:8px;
    transform:rotate(45deg)
}

和html代码

   <div id="container">
        <div id="imgcover"></div>
        <a href="/"><img src="/forum_corner03.png" /></a>
    </div>