Advanced Search

Full-screen background (IE included)

/ Published in: CSS
Save to your folder(s)
HTML should look like this:


<p>Lorem ipsum here</p>




Expand | Embed | Plain Text

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.