OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link rel="stylesheet" href="resources/dialog.css"> | 4 <link rel="stylesheet" href="resources/dialog.css"> |
5 <style> | 5 <style> |
6 .pseudodialog { | 6 .pseudodialog { |
7 height: 150px; | 7 height: 150px; |
8 width: 150px; | 8 width: 150px; |
9 } | 9 } |
10 </style> | 10 </style> |
11 </head> | 11 </head> |
12 <body> | 12 <body> |
13 This tests top layer element stacking order after dynamically calling show/close
and removal from the DOM tree. | 13 This tests top layer element stacking order after dynamically calling show/close
and removal from the DOM tree. |
14 The test passes if you see a green rectangle stacked on top of a blue rectangle,
and see no red rectangles. | 14 The test passes if you see a green rectangle stacked on top of a blue rectangle,
and see no red rectangles. |
15 | 15 |
16 <div class="pseudodialog" style="top: 50px; background-color: blue"></div> | 16 <div class="pseudodialog" style="top: 50px; background-color: blue"></div> |
17 <div class="pseudodialog" style="top: 100px; left: 50px; background-color: green
"></div> | 17 <div class="pseudodialog" style="top: 100px; left: 50px; background-color: green
"></div> |
18 </body> | 18 </body> |
19 </html> | 19 </html> |
OLD | NEW |