src/third_party/WebKit/LayoutTests/fast/sub-pixel/nested-sub-pixel-composited-layers.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 .subPixelContainer {
   6     left: 10.5px;
   7     width: 100px;
   8     height: 100px;
   9     position: relative;
  10     transform: translateZ(0);
  11 }
  12 .subPixelContainer > div {
  13     position: absolute;
  14     width: 50.5px;
  15     right: 0px;
  16     height: 50px;
  17 }
  18 .overflowHidden {
  19     overflow: hidden;
  20 }
  21 .test {
  22     transform: translateZ(0);
  23     background-color: green;
  24 }
  25 .ref {
  26     background-color: red;
  27 }
  28 </style>
  29 </head>
  30 <body>
  31 <div>This tests that sub-pixel offsets in nested composited layers are properly accumulated. You should see no red.</div>
  32 <div class="subPixelContainer">
  33     <div class="ref"></div>
  34     <div class="test"></div>
  35 </div>
  36 <div class="subPixelContainer overflowHidden">
  37     <div class="ref"></div>
  38     <div class="test"></div>
  39 </div>