| zalan@apple.com | b2ef5cb | 2014-07-17 01:47:10 +0000 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html> | ||||
| 3 | <head> | ||||
| 4 | <title>This tests that when the compositing layer has multiple tile layers the content gets clipped properly across layers.</title> | ||||
| 5 | <style> | ||||
| 6 | .container { | ||||
| 7 | position: fixed; | ||||
| 8 | left: 0.25px; | ||||
| 9 | top: 0px; | ||||
| 10 | } | ||||
| 11 | |||||
| 12 | .inner { | ||||
| 13 | -webkit-border-radius: 1px; | ||||
| 14 | overflow: hidden; | ||||
| 15 | width: 2100px; | ||||
| 16 | -webkit-transform: translateZ(0); | ||||
| 17 | } | ||||
| 18 | |||||
| 19 | .largebox { | ||||
| 20 | width: 600px; | ||||
| 21 | height: 100px; | ||||
| 22 | background-color: red; | ||||
| 23 | } | ||||
| 24 | </style> | ||||
| 25 | </head> | ||||
| 26 | <body> | ||||
| 27 | <div class=container> | ||||
| 28 | <div class=inner> | ||||
| 29 | <div class=largebox></div> | ||||
| 30 | </div> | ||||
| 31 | </div> | ||||
| 32 | </body> | ||||
| 33 | </html> | ||||