title: Transparent background with body::after limited by the screen size
body: <p>I've been using that code on my body, to get a full background with some mi-transparent white background on it :</p>
  
  <pre><code>body { 
        background: url('../images/bg.jpg') no-repeat center center fixed;
      padding-top: 50px; 
  }
  
  body::after {
    content: "";
    background: white;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
  }
  </code></pre>
  
  <p>The problem is that the white background doesn't go lower than the screen size <a href="http://prntscr.com/91y45c" rel="nofollow">as you can see here</a>. Any idea how to fix that ?</p>