third_party/WebKit/LayoutTests/fast/sub-pixel/clip-sub-pixel-composited-layer.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 h1 {
   6         overflow: hidden;
   7         position: relative;
   8         display: inline-block;
   9         width: 14px;
  10         height: 14px;
  11 }
  12 span {
  13         display: block;
  14         position: absolute;
  15         width: 10px;
  16         height: 10px;
  17         border: 2px solid red;
  18 }
  19 div {
  20         padding-left: 10.5px;
  21         position: absolute;
  22 }
  23 .composited {
  24         transform: translateZ(0);
  25         z-index: 1;
  26 }
  27 .test {
  28         border: 2px solid black;
  29 }
  30 </style>
  31 </head>
  32 <body>
  33 <p>This tests that we properly clip sub-pixel positioned composited layers. There should be no red visible.</p>
  34 <div>
  35         <h1 class="composited">
  36                 <span class="test"></span>
  37         </h1>
  38 </div>
  39 <div>
  40         <h1>
  41                 <span></span>
  42         </h1>
  43 </div>