OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html><head><title>Compositor Iframe Sadface</title> | 2 <html><head><title>Compositor Iframe Sadface</title> |
3 <style> | 3 <style> |
4 body { margin: 0; padding: 0; } | 4 body { margin: 0; padding: 0; } |
5 .composited { | 5 .composited { |
6 -webkit-transform: translateZ(0); | 6 -webkit-transform: translateZ(0); |
7 background-color: green; | 7 background-color: green; |
8 position:fixed; | 8 position:fixed; |
9 left:0; top:0; right:0; bottom:0; | 9 left:0; top:0; right:0; bottom:0; |
10 } | 10 } |
11 iframe { | 11 iframe { |
12 position:fixed; | 12 position:fixed; |
13 left: 0; top: 0; | 13 left: 0; top: 0; |
14 width:100%; | 14 width:100%; |
15 height: 100%; | 15 height: 100%; |
16 border:0; | 16 border:0; |
17 } | 17 } |
18 </style> | 18 </style> |
19 <script type="text/javascript"> | 19 <script type="text/javascript"> |
20 if (window.testRunner) { | 20 if (window.testRunner) { |
21 testRunner.dumpAsText(true); | 21 testRunner.dumpAsTextWithPixelResults(); |
22 } | 22 } |
23 </script> | 23 </script> |
24 </head> | 24 </head> |
25 | 25 |
26 <body> | 26 <body> |
27 <div class="composited"></div> | 27 <div class="composited"></div> |
28 | 28 |
29 <!-- You should see a light green box filling the top/left of the window, inside
a darker green background. | 29 <!-- You should see a light green box filling the top/left of the window, inside
a darker green background. |
30 If the "glass" in the iframe is considered opaque, then drawing errors will
occur and tiles become black | 30 If the "glass" in the iframe is considered opaque, then drawing errors will
occur and tiles become black |
31 (light gray with the glass). | 31 (light gray with the glass). |
32 --> | 32 --> |
33 <iframe src="resources/clear-fixed-iframe-content.html" frameborder="0"></iframe
> | 33 <iframe src="resources/clear-fixed-iframe-content.html" frameborder="0"></iframe
> |
34 </body> | 34 </body> |
35 | 35 |
36 </html> | 36 </html> |
OLD | NEW |