inline-block-zorder-001

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; background: green; }
11 div#after { margin-top:-1em; background: red; }
12 </style>
13 </head>
14 <body>
15 <div><span>&nbsp;</span></div>
16 <div id="after">&nbsp;</div>
17 
18 
19 </body></html>