Monday, October 15, 2012

Perfect Full Page Background Image



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


<!DOCTYPE html>
<html>

<head>
 <meta charset="UTF-8">
 
 <title>Full Page Background Image | Progressive</title>
 
 <style>
  * { margin: 0; padding: 0; }
  
  html { 
   background: url(images/bg.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
  }
  
  #page-wrap { width: 400px; margin: 50px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
  p { font: 15px/2 Georgia, Serif; margin: 0 0 30px 0; text-indent: 40px; }
 </style>
</head>

<body>

    <div id="page-wrap">
           <p>Pellentesque habitant morbi tristique senectuss</p>
</body>

No comments:

Post a Comment