| 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 margin: 10px; | 10 margin: 10px; |
| 11 width: 100px; | 11 width: 100px; |
| 12 height: 100px; | 12 height: 100px; |
| 13 z-index: 0; | 13 z-index: 0; |
| 14 } | 14 } |
| 15 .overflow { | 15 .overflow { |
| 16 position: relative; | 16 position: relative; |
| (...skipping 15 matching lines...) Expand all Loading... |
| 32 <body> | 32 <body> |
| 33 <p>You should see scrollbars on the gray square, and a resizer control below i
t.</p> | 33 <p>You should see scrollbars on the gray square, and a resizer control below i
t.</p> |
| 34 <div class="overflow box"> | 34 <div class="overflow box"> |
| 35 <div class="content composited"></div> | 35 <div class="content composited"></div> |
| 36 </div> | 36 </div> |
| 37 | 37 |
| 38 <div class="resizable composited box"> | 38 <div class="resizable composited box"> |
| 39 </div> | 39 </div> |
| 40 </body> | 40 </body> |
| 41 </html> | 41 </html> |
| OLD | NEW |