Background Image With CSS Cover

5/31/2013 3:33:40 PM

CSS

Using CSS to display a background image that will stretch to cover the entire page.

<style type="text/css">
	html {			
		background: url(IMAGEURL) no-repeat center 10% fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@IMAGEURL', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@IMAGEURL', sizingMethod='scale')";
	}
</style>