Setting full cover image as background in html

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
READ  Using BUP to take backup in ubuntu

Leave a Reply

Your email address will not be published. Required fields are marked *