Full Screen Image Html : Making a background image fully stretch out to cover the entire browser viewport is a common task cover tells the browser to make sure the image always covers the entire container, in this case html.

Some love it, some loath it, but whatever your feelings let's take a look at some noteworthy examples and it uses a gradient positioned at the bottom of the screen to make the image title and description more readable.