third_party/WebKit/LayoutTests/css2.1/t140201-c537-bgfxps-00-c-ag.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3  <head>
   4   <title>CSS 2.1 Test Suite: background</title>
   5   <script src="../resources/ahem.js"></script>
   6   <style type="text/css">
   7    html {background: url(support/swatch-blue.png) repeat-x center top fixed;}
   8    div { font: 15px/1 Ahem; background: red; color: green; width: 11em; margin: 0 0 0 2em; }
   9    .dummy { color: silver; }
  10    .one {background: green url(support/swatch-red.png) repeat-y 100% 0%;}
  11    .two {background: green url(support/swatch-red.png) repeat-y center top;}
  12    .three {background: green url(support/swatch-red.png) repeat-x left top;}
  13   </style>
  14   <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'">
  15  </head>
  16  <body>
  17   <p class="dummy">Dummy text.</p>
  18   <p class="dummy">Dummy text.</p>
  19   <p class="dummy">Dummy text.</p>
  20   <p>Scroll this document. A line of blue should remain stuck at the
  21   top of the viewport the whole time, and there should be no red
  22   below, just a block of green.</p>
  23   <div class="one">
  24               X
  25               X
  26               X
  27               X
  28               X
  29   </div>
  30   <div class="two">
  31          X
  32          X
  33          X
  34          X
  35          X
  36   </div>
  37   <div class="three">
  38     XXXXXXXXXXX
  39
  40
  41
  42
  43   </div>
  44   <p class="dummy">Dummy text.</p>
  45   <p class="dummy">Dummy text.</p>
  46   <p class="dummy">Dummy text.</p>
  47   <p class="dummy">Dummy text.</p>
  48   <p class="dummy">Dummy text.</p>
  49   <p class="dummy">Dummy text.</p>
  50   <p class="dummy">Dummy text.</p>
  51   <p class="dummy">Dummy text.</p>
  52   <p class="dummy">Dummy text.</p>
  53   <p class="dummy">Dummy text.</p>
  54   <p class="dummy">Dummy text.</p>
  55   <p class="dummy">Dummy text.</p>
  56   <p class="dummy">Dummy text.</p>
  57   <p class="dummy">Dummy text.</p>
  58   <p class="dummy">Dummy text.</p>
  59   <p class="dummy">Dummy text.</p>
  60   <p class="dummy">Dummy text.</p>
  61   <p class="dummy">Dummy text.</p>
  62   <p class="dummy">Dummy text.</p>
  63   <p class="dummy">Dummy text.</p>
  64   <p class="dummy">Dummy text.</p>
  65   <p class="dummy">Dummy text.</p>
  66   <p class="dummy">Dummy text.</p>
  67   <p class="dummy">Dummy text.</p>
  68   <p class="dummy">Dummy text.</p>
  69   <p class="dummy">Dummy text.</p>
  70   <p class="dummy">Dummy text.</p>
  71   <p class="dummy">Dummy text.</p>
  72   <p class="dummy">Dummy text.</p>
  73   <p class="dummy">Dummy text.</p>
  74   <p class="dummy">Dummy text.</p>
  75   <p class="dummy">Dummy text.</p>
  76   <p class="dummy">Dummy text.</p>
  77   <p class="dummy">Dummy text.</p>
  78   <p class="dummy">Dummy text.</p>
  79   <p class="dummy">Dummy text.</p>
  80   <p class="dummy">Dummy text.</p>
  81   <p class="dummy">Dummy text.</p>
  82   <p class="dummy">Dummy text.</p>
  83   <p class="dummy">Dummy text.</p>
  84   <p class="dummy">Dummy text.</p>
  85   <p class="dummy">Dummy text.</p>
  86   <p class="dummy">Dummy text.</p>
  87   <p class="dummy">Dummy text.</p>
  88   <p class="dummy">Dummy text.</p>
  89  </body>
  90 </html>