title: CSS: How to bring background image to the front?
body: <p>I was already looking at <a href="https://stackoverflow.com/questions/8491958/css-how-to-make-background-image-above-background-color-in-a-list">CSS: How to make background-image above background-color in a list</a> and tried the <code>!important</code> attribute but without success.</p>
  
  <p>I have <a href="http://www.mensch-jinn-dajjal.net/" rel="nofollow noreferrer">this</a> example page where I would like to bring the yellow book cover which I use as a background image in front of the navigation bar below.</p>
  
  <p><img src="https://i.stack.imgur.com/UEoYD.png" alt="enter image description here"></p>
  
  <p>The code I am using is the following:</p>
  
  <pre><code>.home-link {
    background: url(http://www.mensch-jinn-dajjal.net/wp-content/uploads/2013/12/Buchtitel.gif) no-repeat !important;
    background-size: 180px 200px !important;
    background-position: 400px 80px !important;
    z-index: 99999 !important;
  }
  </code></pre>
  
  <p>Any idea why it is not coming to the front?</p>
  
  <p>I also tried to assign the navbar a negative z-index without success.</p>