third_party/WebKit/LayoutTests/fast/backgrounds/background-position-origin-initial.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>background-position: initial on top of 4-value</title>
   5     <style>
   6 body { margin: 0 }
   7 .test1 {
   8     height: 200px;
   9     width: 200px;
  10     background-image:
  11     url(../../css3/images/resources/red-100.png);
  12     background-repeat: no-repeat;
  13
  14     /* Intended to be overwritten: */
  15     background-position: bottom 50% right 50px;
  16 }
  17 .test2 {
  18     /* The background-position to be used: */
  19     background-position: initial;
  20 }
  21 .ref {
  22    height: 100px;
  23    width: 100px;
  24    top: 0;
  25    left: 0;
  26    background-color: green;
  27    position: absolute;
  28 }
  29     </style>
  30   </head>
  31   <body>
  32     <div class="test1 test2"></div>
  33     <div class="ref"></div>
  34   </body>
  35 </html>