Posted By

mlangfeld on 02/13/11


Tagged

background css2 imagexhtml


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

spee66


Multiple background images with CSS2


 / Published in: CSS
 

URL: http://www.appnovation.com/multiple-background-images-css2

div structure

Content of the page

  1. body {
  2. background: silver url(../images/texture.png) repeat center;
  3. }
  4.  
  5. #background {
  6. background:url(../images/gradient.png) repeat-x top left;
  7. height:100%
  8. }
  9.  
  10. #watermark {
  11. background: url(../images/watermark.png) no-repeat top center;
  12. height:100%;
  13. }
  14.  
  15.  
  16. #page-wrapper {
  17. width:960px;
  18. position:relative;
  19. margin:0 auto;
  20. }
  21.  
  22. html, body {
  23. height:100%;
  24. }

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: mlangfeld on February 13, 2011

Content of the page

Posted By: mlangfeld on February 13, 2011

Check the link for the html div structure. Body, background, watermark, page wrapper in that order.

Posted By: Some0ne on February 13, 2011
<body>
  <div id=”background”>
   <div id=”watermark”>
      <div id=”page-wrapper”>
        Content of the page
      </div>
    </div>
  </div>
</body>

You need to login to post a comment.