Posted By

ddavidd on 08/02/11


Tagged

screen background full webkit


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

spee66
bmayzure


Perfect full screen background image


 / Published in: CSS
 

URL: http://css-tricks.com/3458-perfect-full-page-background-image/

  1. html {
  2. background: url(images/background01.jpg) no-repeat center center fixed;
  3. -webkit-background-size: cover;
  4. -moz-background-size: cover;
  5. -o-background-size: cover;
  6. background-size: cover;
  7. /* IE compatability */
  8. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
  9. -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
  10. }

Report this snippet  

You need to login to post a comment.