Remove the concept of staticly positioned absolutes.

sky/tests/lowlevel/layers.sky

 <sky>
 
 <import src="../resources/run-after-display.sky" />
 <style>
   sky {
     padding: 10px;
   }
   div {
     width: 50px;
     height: 50px;
     white-space: nowrap;
   }
 </style>
 Transforms
 <div style="transform: translate3d(10px, 10px, 0); background-color: pink;">
   One
   <div style="transform: translate3d(10px, 10px, 0); background-color: salmon;">
     Two
     <div style="transform: translate3d(10px, 10px, 0); background-color: papayawhip;">
       Three
     </div>
   </div>
 </div>
 
 <div style="position: absolute; top: 250px;">
   Opacity
-  <div style="opacity: 0.8; background-color: pink;">
+  <div style="opacity: 0.8; background-color: pink; transform: translate3d(0, 0, 0)">
     One
-    <div style="opacity: 0.7; position: absolute; left: 10px; background-color: salmon;">
+    <div style="opacity: 0.7; position: absolute; left: 15px; top: 10px; background-color: salmon;">
       Two
-      <div style="opacity: 0.6; position: absolute; left: 20px; background-color: papayawhip;">
+      <div style="opacity: 0.6; position: absolute; left: 15px; top: 10px; background-color: papayawhip;">
         Three
         <div style="opacity: 0; transform: translate3d(0, 10px, 0); background-color: papayawhip;">
           Clear
         </div>
       </div>
     </div>
   </div>
 </div>
 
 
@@ skipping 29 matching lines @@
 import "dart:sky.internals" as internals;
 
 void main() {
   runAfterDisplay(() {
     internals.notifyTestComplete("");
   });
 }
 </script>
 
 </sky>