title: Change z-index on hover
body: <p>I am trying to change the z-index of the image posts that when you hover over them, it comes in front and cover the big white text.
  Not sure what I'm doing wrong here...</p>
  
  <p><a href="http://hkumbrella.tumblr.com/" rel="nofollow">http://hkumbrella.tumblr.com/</a></p>
  
  <p>Image post css:</p>
  
  <pre><code>#post img {
  width:100%;
  z-index: -100;
  }
  #post img:hover {
  opacity:1;
  z-index: 100000 !important;
  </code></pre>
  
  <p>White text css(2014):</p>
  
  <pre><code>.subtitle2{
  top:45%;
  left:2%;
  font-family:arimo;
  font-weight:bold;
  color: white;
  text-transform:uppercase;
  font-size:75px;
  letter-spacing:-3px;
  text-align:center;
  position: fixed;
  z-index:100;
  color: #FFFFFF !important;
  {block:Permalink}display:none;{/block:Permalink}
  }
  </code></pre>