layout/reftests/bugs/9458-zorder-3.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>CSS 2.1 Test Suite: Test for z-ordering of inline-block</title>
   5 <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
   6 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
   7 <link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
   8 <style type="text/css">
   9 div { height: 1em; }
  10 div#test span { display:inline-block; vertical-align: top; height: 1em; background: red; color: red; }
  11 div#after { margin-top:-1em; }
  12 div#after span { display: inline; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
  13 </style>
  14 </head>
  15 <body>
  16 <div id="test"><span>&nbsp;x&nbsp;</span></div>
  17 <div id="after"><span>&nbsp;x&nbsp;</span></div>
  18 </body>
  19 </html>