title: CSS: Why is "z-index" not making one div appear on top of another div?
body: <p>index and im having a problem. i have this button that when click, it will show to content but it does not overlap the div in front if it i have also tried to set its z-index on click here is my code so far</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function change()
  {
      alert("Asd");
      $('#account-container').css('z-index', 11);
  }
  </code></pre>
  
  <p></p>
  
  <p>and here is what it looks like
  <a href="https://i.stack.imgur.com/AjRet.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AjRet.png" alt="enter image description here"></a></p>
  
  <p>any idea on what i should do? thanks so much</p>