| <!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' gives container stacking level of '0' (variant 3) in its own 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#outer { |
| z-index: auto; |
| background: green; |
| } |
| |
| div#inner { |
| z-index: -1; |
| background: red; |
| } |
| |
| </style> |
| </head> |
| <body> |
| |
| <div id="outer"> |
| <div id="inner"></div> |
| </div> |
| |
| </body> |
| </html> |
