How to Make Background Image Fullscreen in Html

How to Make Background Image Fullscreen in Html

If you use master page or layout page, you can use this css in html code;

body{height:100%;
   width:100%;
   background-image:url(backgroungimage.jpg);/*your background image*/  
   background-repeat:no-repeat;/*if you don't want to repeat*/  
   background-size:cover;/*covering the whole screen*/  
   /*this code for ie*/     
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.image.jpg',sizingMethod='scale');
   -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.jpg',sizingMethod='scale')";
}