Advanced Search

Multiple background images with CSS2

/ Published in: CSS
Save to your folder(s)
div structure





Content of the page




Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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. }

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.