Skip to content

Instantly share code, notes, and snippets.

@Shaz3e
Created December 17, 2013 12:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Shaz3e/8004313 to your computer and use it in GitHub Desktop.
Save Shaz3e/8004313 to your computer and use it in GitHub Desktop.
With this trick you can use full page background image
<div class="s3-shaz3e">
An Example for
</div>
html {
background: url(https://imageshack.com/a/img19/4153/vt2k.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/* IE Fixed*/
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.https://imageshack.com/a/img19/4153/vt2k.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://imageshack.com/a/img19/4153/vt2k.jpg', sizingMethod='scale')";
}
.s3-shaz3e{
position:absolute;
left:15%;
top:45%;
width: auto;
height: auto;
font-size:150%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment