title: how to enable or disable pointer events for a specific part of an element?
body: <p>i am wondering if is it possible to disable pointer event for say half of an element not entirely? for example like picture below..  </p>
  
  <p><a href="https://i.stack.imgur.com/rnS7M.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rnS7M.png" alt=""></a></p>
  
  <p>maybe it would be possible to use another element to overlap that part of element that i want to be disabled but as far as i realized it is impossible through any straight way but we can cover that part of image by another div and then it'll do the trick...</p>