third_party/WebKit/LayoutTests/fast/sub-pixel/clip-rect-box-consistent-rounding-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4                 <style type="text/css">
   5                         body {
   6                                 margin: 10px;
   7                         }
   8                         .main {
   9                                 margin: 0 auto;
  10                                 width: 625px;
  11                                 height: 125px;
  12                                 background: black;
  13                                 position: relative;
  14                         }
  15                         .site {
  16                                 top: 5px;
  17                                 left: 5px;
  18                                 width: 232px;
  19                                 height: 115px;
  20                                 position: absolute;
  21                                 overflow: hidden;
  22                         }
  23                         .desaturated {
  24                                 position: absolute;
  25                                 width: 250px;
  26                                 height: 125px;
  27                                 background: white;
  28                         }
  29                         .infobox {
  30                                 position: absolute;
  31                                 top: 0;
  32                                 left: 0;
  33                                 width: 232px;
  34                                 height: 63px;
  35                                 background: red;
  36                         }
  37                 </style>
  38         </head>
  39
  40         <body>
  41                 <div class="main">
  42                         <div class="site">
  43                                 <div class="desaturated"></div>
  44                                 <div class="infobox"></div>
  45                         </div>
  46                 </div>
  47         </body>
  48 </html>