title: Modal overlay appearing over fixed div
body: <p>I'm using Tailwind CSS and I have this problem with some CSS where a modal overlay that is a button does not appear over the top of other elements that are set as <code>fixed</code>.</p>
  
  <p>The below link is the code and <a href="https://vre8j.csb.app/" rel="nofollow noreferrer">here is the preview</a> of the issue.</p>
  
  <p><a href="https://codesandbox.io/s/tailwind-css-vre8j" rel="nofollow noreferrer">https://codesandbox.io/s/tailwind-css-vre8j</a></p>
  
  <p>The div's border and tag backgrounds are above the overlay</p>
  
  <p>I've tried to set the <code>z-index</code> of both the overlay and container of problem div but it ignores it. </p>
  
  <p>The example here is a stripped-down version of the actual page. Removed them as much irrelevant stuff as I could to show the problem.</p>