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 |