title: Allow pointer-events only on one element
body: <p>I have two elements that are siblings</p>
  <pre><code>&lt;div id='1'&gt;&lt;/div&gt;
  &lt;div id='2'&gt;&lt;/div&gt;
  </code></pre>
  <p>id 1 id is an area around an element that I have highlighted and id 2 is an overlay over the whole page. Is there a way to make a &quot;window&quot; where the are of id 1 is clickable but everything else is not?</p>
  <p>I don't need to use both element I just need the area outside of id 1 to be clickable. The id 1 is not the element It's just and area that is sibling to parent of the element used to highlight elements on my page and move it around.</p>
  <p>Another way to explain is to create an element give it outline and make the outline not clickable trough, I can make the outline bigger then the page and the only thing clickable will be the element.</p>