Full-screen background (IE included)


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

HTML should look like this:


<p>Lorem ipsum here</p>





Copy this code and paste it in your HTML
  1. .content {
  2. position: relative;
  3. width: 760px;
  4. z-index: 10;
  5. }
  6. .background {
  7. top: 0;
  8. left: 0;
  9. width: 100%;
  10. height: 100%;
  11. position: absolute;
  12. z-index:2;
  13. }
  14. .portrait {
  15. height: 100%;
  16. }
  17. .landscape {
  18. width: 100%;
  19. }
  20. .full {
  21. width: 100%;
  22. height: 100%;
  23. }

URL: http://www.1stwebdesigner.com/css/17-css-html-effects/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.