title: Website lag on scroll
body: <p>I'am busy with my website, and now I have a issue.</p>
  
  <p>When i scroll down to my contact page, my browser starts to lagg, because i have a background image with the property scroll, and size cover.</p>
  
  <p>So i googled a bit and the result was that the property cover causes the laggs.</p>
  
  <p>How can i fix this? I need my background size covered because i have my website responsive</p>
  
  <p>My code:</p>
  
  <pre><code>background-attachment: scroll,  fixed;
  background-color: #666;
  background-image: url("../images/black.png"), url("../images/bg-footer.jpg");
  background-position: center,    center center;
  background-size: cover, cover;
  </code></pre>