OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .composited { | 5 .composited { |
6 -webkit-transform: translatez(0); | 6 transform: translatez(0); |
7 } | 7 } |
8 | 8 |
9 .box { | 9 .box { |
10 position: absolute; | 10 position: absolute; |
11 top: 360px; | 11 top: 360px; |
12 left: 50px; | 12 left: 50px; |
13 background-color: cyan; | 13 background-color: cyan; |
14 width: 300px; | 14 width: 300px; |
15 height: 100px; | 15 height: 100px; |
16 } | 16 } |
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
59 <body style="height: 4000px;"> | 59 <body style="height: 4000px;"> |
60 <div>In all iframes, the green fixed-position element should not be composited
. | 60 <div>In all iframes, the green fixed-position element should not be composited
. |
61 <pre id="layertree"></pre> | 61 <pre id="layertree"></pre> |
62 </div> | 62 </div> |
63 <div class="composited box"> Composited box underneath iframe. </div> | 63 <div class="composited box"> Composited box underneath iframe. </div> |
64 <iframe id="iframe1" src="resources/fixed-position-nonscrollable-body.html"></
iframe> | 64 <iframe id="iframe1" src="resources/fixed-position-nonscrollable-body.html"></
iframe> |
65 <iframe id="iframe2" class="composited" src="resources/fixed-position-nonscrol
lable-body.html"></iframe> | 65 <iframe id="iframe2" class="composited" src="resources/fixed-position-nonscrol
lable-body.html"></iframe> |
66 <iframe id="iframe3" src="resources/fixed-position-nonscrollable-body.html"></
iframe> | 66 <iframe id="iframe3" src="resources/fixed-position-nonscrollable-body.html"></
iframe> |
67 </body> | 67 </body> |
68 </html> | 68 </html> |
OLD | NEW |