top-layer-display-none-ref.html (546B)
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 that a top layer element is not rendered if it, or an ancestor, has display: none. 14 It 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>