Background Properties

Why is background only show up to content size?

Why background is not a full size ?

When setting height of the background image make sure you have structured and set height equals to 100%;

html,body {100%}


header {100%}


image container {set 100%}

and auto to be responsive

cover tells the browser to make sure the image always covers the entire container, even if it has to stretch the image or cut a little bit off one of the edges.

contain, on the other hand, says to always show the whole image, even if that leaves a little space to the sides or bottom.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s