topical media & game development

talk show tell print

basic-css-14-Examples-z-index-child-index.htm / htm



  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html>
      <head>
          <title></title>
          <style type='text/css'>
              div {
                  position: absolute;
                  padding: 10px;
                  border: 1px solid black;
                  opacity: 0.9;
                  background: lightyellow;
                  width: 100px;
                  height: 100px;
                  top: 20px;
                  left: 20px;
                  z-index: 4;
              }
              div > div {
                  background: lightblue;   
                  z-index: 3;
              }
              div > div > div {
                  background: lightgreen;
                  z-index: 2;
              }
              div > div > div > div {
                  background: pink;
                  z-index: 1;
              }
          </style>
      </head>
      <body>
          <div>
              <div>
                  <div>
                      <div>
                      </div>
                  </div>
              </div>
          </div>
      </body>
  </html>


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.