OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style type="text/css" media="screen"> | 3 <style type="text/css" media="screen"> |
4 .container { | 4 .container { |
5 height: 200px; | 5 height: 200px; |
6 width: 200px; | 6 width: 200px; |
7 background-color: green; | 7 background-color: green; |
8 -webkit-transform: translateZ(0); | 8 transform: translateZ(0); |
9 } | 9 } |
10 | 10 |
11 #tester { | 11 #tester { |
12 position: absolute; | 12 position: absolute; |
13 top: 50px; | 13 top: 50px; |
14 left: 50px; | 14 left: 50px; |
15 height: 100px; | 15 height: 100px; |
16 width: 100px; | 16 width: 100px; |
17 background-color: blue; | 17 background-color: blue; |
18 } | 18 } |
(...skipping 18 matching lines...) Expand all Loading... |
37 window.addEventListener('load', doTest, false); | 37 window.addEventListener('load', doTest, false); |
38 </script> | 38 </script> |
39 </head> | 39 </head> |
40 <body> | 40 <body> |
41 <!-- this test should only display a green square --> | 41 <!-- this test should only display a green square --> |
42 <div class="container"> | 42 <div class="container"> |
43 <div id="tester"></div> | 43 <div id="tester"></div> |
44 </div> | 44 </div> |
45 </body> | 45 </body> |
46 </html> | 46 </html> |
OLD | NEW |