| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- This tests that top layer elements are rendered above z-indexed elements | 2 <!-- This tests that top layer elements are rendered above z-indexed elements |
| 3 and stacked in the correct order amongst themselves. Also, layer features like | 3 and stacked in the correct order amongst themselves. Also, layer features like |
| 4 transforms and z-index are tested inside a top layer element subtree. --> | 4 transforms and z-index are tested inside a top layer element subtree. --> |
| 5 <html> | 5 <html> |
| 6 <head> | 6 <head> |
| 7 <style> | 7 <style> |
| 8 .box { | 8 .box { |
| 9 height:150px; | 9 height:150px; |
| 10 width:150px; | 10 width:150px; |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 45 </div> | 45 </div> |
| 46 <div style="position: absolute; top: 100px; left: 0px; right: 0px; height: 200em
; background-color: yellow; z-index:1000"> | 46 <div style="position: absolute; top: 100px; left: 0px; right: 0px; height: 200em
; background-color: yellow; z-index:1000"> |
| 47 </div> | 47 </div> |
| 48 <script> | 48 <script> |
| 49 document.getElementById('bottomDialog').showModal(); | 49 document.getElementById('bottomDialog').showModal(); |
| 50 document.getElementById('topDialog').showModal(); | 50 document.getElementById('topDialog').showModal(); |
| 51 document.getElementById('hiddenDialog').showModal(); | 51 document.getElementById('hiddenDialog').showModal(); |
| 52 </script> | 52 </script> |
| 53 </body> | 53 </body> |
| 54 </html> | 54 </html> |
| OLD | NEW |