table-anonymous-objects-034

Auto-imported from Gecko test 338735-1.html

WeasyPrint

This browser

Flags
dom

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3 <head>
 4   <title>CSS Test: Auto-imported from Gecko test 338735-1.html</title>
 5   <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
 6   <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes">
 7   <meta name="flags" content="dom">
 8 
 9 <style type="text/css">
10   #t {
11     display: none;
12   }
13 </style>
14 <script type="text/javascript">
15   function toggleLayer(id) {
16       var s = document.getElementById(id).style;
17       s.display = s.display ? "" : "block";
18   }
19 
20   function doTest() {
21     toggleLayer('t');
22     document.body.offsetWidth;
23     toggleLayer('t');
24     document.body.offsetWidth;
25     toggleLayer('t');
26     document.documentElement.className = "";
27   }
28 </script>
29 </head>
30 <body onload="doTest()">
31 <p>There should be no red below, except for antialiasing issues.</p>
32 <div style="position: relative; font-size: 2em;">
33 <div style="position: absolute; width: 100%; z-index: 2; top: 0; color: green;">
34 
35 <table style="width: 100%;" border="5">
36   <tr>
37           <td id="t">First row</td>
38   </tr>
39   <tr>
40           <td>Second row</td>
41   </tr>
42 </table>
43 </div>
44 <div style="position: absolute; width: 100%; z-index: 1; top: 0; color: red;">
45 
46 <table style="width: 100%;" border="5">
47   <tr>
48           <td>First row</td>
49   </tr>
50   <tr>
51           <td>Second row</td>
52   </tr>
53 </table>
54 </div>
55 </div>
56 </body>
57 </html>