| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" |
| "http://www.w3.org/TR/html40/strict.dtd"> |
| <!-- vim:sw=4:et:ts=4 |
| --> |
| <html lang="en-US"> |
| <head> |
| <title>z-index testcase: 'auto' doesn't establish new stacking context (position: fixed)</title> |
| <!--Fixed position elements do not establish stacking contexts by default according to the spec. However, some ports, including the Mac port, have changed this behavior and fixed position elements DO create a stacking context. The results are expected to differ on different ports depending on which behavior is being used.--> |
| <meta http-equiv="Content-Style-Type" content="text/css"> |
| <link rel="copyright" href="/~dbaron/legal.html"> |
| <style type="text/css"> |
| |
| div { |
| height: 100px; |
| width: 100px; |
| margin: 0; |
| border: none; |
| padding: 0; |
| position: fixed; |
| top: 0; |
| left: 0; |
| } |
| |
| div#contain { |
| z-index: auto; |
| } |
| |
| div#two { |
| background: green; |
| z-index: 2; |
| } |
| |
| div#one, div#three { |
| background: red; |
| z-index: 1; |
| } |
| |
| </style> |
| </head> |
| <body> |
| |
| <div id="one"></div> |
| <div id="contain"> |
| <div id="two"></div> |
| <div id="three"></div> |
| </div> |
| |
| </body> |
| </html> |
