layout/reftests/xul/object-position-png-001-ref.html

   1 <!DOCTYPE html>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <html>
   7   <head>
   8     <meta charset="utf-8">
   9     <title>CSS Reftest Reference</title>
  10     <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
  11     <style type="text/css">
  12       div {
  13         background: lightgray;
  14         margin-right: 2px;
  15         background-image: url("colors-16x8.png");
  16         background-size: contain;
  17         background-repeat: no-repeat;
  18         float: left;
  19         width: 20px;
  20         height: 20px;
  21       }
  22
  23       .op_y-7  { background-position: 50%  -7% }
  24       .op_y13  { background-position: 50%  13% }
  25       .op_y23  { background-position: 50%  23% }
  26       .op_y50  { background-position: 50%  50% }
  27       .op_y75  { background-position: 50%  75% }
  28       .op_y88  { background-position: 50%  88% }
  29       .op_y111 { background-position: 50% 111% }
  30
  31     </style>
  32   </head>
  33   <body>
  34     <div class="op_y-7"></div>
  35     <div class="op_y13"></div>
  36     <div class="op_y23"></div>
  37     <div class="op_y50"></div>
  38     <div class="op_y75"></div>
  39     <div class="op_y88"></div>
  40     <div class="op_y111"></div>
  41   </body>
  42 </html>