Skip to content

Instantly share code, notes, and snippets.

@guyjin

guyjin/background div with image stretching

Created July 21, 2014 19:59
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save guyjin/a2b8614bb2d10f04e430 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save guyjin/a2b8614bb2d10f04e430 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
background div with image stretching
.bg {
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}
}
@guyjin

guyjin commented Jul 21, 2014

Copy link
Copy Markdown
Author

Just a quick reminder how to do this. Really only needed for older browsers now that background-size:cover is around.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment