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