Index: LayoutTests/compositing/ancestor-painted-layer-should-appear.html |
diff --git a/LayoutTests/compositing/ancestor-painted-layer-should-appear.html b/LayoutTests/compositing/ancestor-painted-layer-should-appear.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..600aa23774fd7d1f2b087c9f39350c5206eeca59 |
--- /dev/null |
+++ b/LayoutTests/compositing/ancestor-painted-layer-should-appear.html |
@@ -0,0 +1,44 @@ |
+<!DOCTYPE HTML> |
+<style> |
+body { |
+ -webkit-transform: translateZ(0); |
+} |
+#overlapper { |
+ width: 400px; |
+ height: 400px; |
+ left: 200px; |
+ background: gray; |
+ position: absolute; |
+ -webkit-transform: translateZ(0); |
+} |
+ |
+#container { |
+ -webkit-perspective: 1400px; |
+ position: absolute; |
+ width: 180px; |
+ height: 180px; |
+ background: papayawhip; |
+} |
+ |
+#composited { |
+ width: 100px; |
+ height: 100px; |
+ background: green; |
+ position: absolute; |
+ -webkit-transform: translateZ(10px); |
+} |
+ |
+#squashed { |
+ position: absolute; |
+ left: 200px; |
+ width: 50px; |
+ height: 50px; |
+ background: blue; |
+} |
+</style> |
+<div id="overlapper"></div> |
+<div id="container"> |
+ <div id="composited"></div> |
+</div> |
+<div id="squashed"></div> |
+ |