top-layer-stacking-dynamic-ref.html (570B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link rel="stylesheet" href="resources/dialog.css"> 5 <style> 6 .pseudodialog { 7 height: 150px; 8 width: 150px; 9 } 10 </style> 11 </head> 12 <body> 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. 15 16 <div class="pseudodialog" style="top: 50px; background-color: blue"></div> 17 <div class="pseudodialog" style="top: 100px; left: 50px; background-color: green"></div> 18 </body> 19 </html>