Recently, we wanted to set the image as full cover background and this image should remain static as user scrolls the page. This can easily be done using CSS as below,
<html> <style> body, html { background-image: url('http://www.greenecosystem.in/blog/images/sprout.jpeg'); background-attachment: fixed; background-size: cover; } </style> <body> <h1>It works!</h1> <p>This is the default web page for this server.</p> <p>The web server software is running but no content has been added, yet.</p> </body> </html> This is a template, from http://localhost/index.html