title: Cross-Browser Solution: Have links clickable when under image
body: <p>I have a header in a HTML page that contains a curve. </p>
  
  <p><strong>My Problem:</strong> The curve is a picture &amp; it sits at the highest z-index. It is meant to cut off some text below it so it has the highest z-index. As a result, none of the links below the image(curve) can be clicked because the picture sits on top of them. </p>
  
  <p>Heres the simple JSFiddle: <a href="http://jsfiddle.net/hE7D5/2/" rel="nofollow noreferrer">http://jsfiddle.net/hE7D5/2/</a></p>
  
  <p><img src="https://i.stack.imgur.com/gMWJy.png" alt="enter image description here"></p>
  
  <p><strong>How can I get my links below the image to be clickable?</strong></p>
  
  <p>The easiest way I know is to make the image have the css: pointer-events: none; <strong>BUT</strong> this doesn't work in IE &amp; I am looking for the most Cross-Browser friendly solution.</p>
  
  <pre><code>&lt;div id="headerContainer" style="position: relative; width: 100%; text-align: center; background-color: yellow;"&gt;
      &lt;div id="header" style="width: 1100px; height: 400px; padding-left: 30px; padding-right: 30px;"&gt;
          &lt;ul id="navbar" style="background-color: red; width: 800px; height: 40px; float: left;"&gt;&lt;/ul&gt;
          &lt;a id="logo" href="www.google.com" style="background-color: red; width: 190px; height: 40px; float: right; margin-top: 15px;"&gt;Cant be Clicked&lt;/a&gt;
  
          &lt;br/&gt;
          &lt;div id="cutOffText"&gt;
              &lt;p style="padding: 0; margin: 0; font-size: 200px;"&gt;ABCDEFG&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="curveOverlay" style="z-index: 1; position: absolute; left: 0; top: 0; background-image: url('http://i44.tinypic.com/rs8y7m.png'); background-position: center bottom; background-repeat: no-repeat; width: 1100; height: 400px;"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><em>PS: If theres no way to make the links clickable when under the image, can you suggest a HTML layout I can use to still achieve my look but also have my navbar links clickable?</em></p>