要素の特定の部分のポインタイベントを有効または無効にする方法はありますか？

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>