inline-block-zorder-002

Test for z-ordering of inline-block

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html><head>
 3 <link rel="reference" href="inline-block-zorder-001-ref.xht">
 4 <title>CSS Test: Test for z-ordering of inline-block</title>
 5 <link rel="author" title="L. David Baron" href="http://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 { width: 2em; height: 1em; }
10 span { display:inline-block; vertical-align: top; width: 2em; height: 1em; }
11 span span { display: block; background: green; }
12 div#after { margin-top: -1em; background: red; }
13 </style>
14 </head>
15 <body>
16 <div><span><span>&nbsp;</span></span></div>
17 <div id="after">&nbsp;</div>
18 
19 
20 </body></html>