CSS z-index property

z-index property in CSS is used to specify the stack order of an element.
Ex: Here we take an image as a background:
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. img {
  5. position: absolute;
  6. left: 50px;
  7. top: 0px;
  8. z-index: -1;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <img src="Penguins.jpg" width="100" height="100" />
  14. <p><b>My Name is Mahak Garg.</b></p>
  15. </body>
  16. </html>
Output:
1.png