}
.rotated {
- -webkit-transform: translateZ(0) rotate(5deg);
+ transform: translateZ(0) rotate(5deg);
}
.counter-rotated {
- -webkit-transform: translateZ(0) rotate(-9deg);
+ transform: translateZ(0) rotate(-9deg);
}
</style>
-<script src="resources/nested-render-surfaces.js"></script>
-<script>
- function setup() {
- var description = "This test ensures that clipping works correctly "
- + "with clip children, even if there are rotations involved.\n"
- + "if this test is working correctly, all rects should be "
- + "clipped by their containing overflow scrolling divs (the\n"
- + "fixed position element will have the outer 'counter "
- + "rotate' div as its containing block due to the rotation,\n"
- + "not the viewport, and will therefore get clipped by the "
- + "outer overflow scrolling div, but not the inner.";
- runTest(description);
- }
- window.onload = setup;
-</script>
</head>
+<!--
+This test ensures that clipping works correctly with clip children, even if
+there are rotations involved. if this test is working correctly, all rects
+should be clipped by their containing overflow scrolling divs (the fixed
+position element will have the outer 'counter rotate' div as its containing
+block due to the rotation, not the viewport, and will therefore get clipped by
+the outer overflow scrolling div, but not the inner.
+-->
<body>
<div class="rotated">
<div class="surface">