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   <style type="text/css">
   6    html {background: url(support/swatch-blue.png) repeat-x center top fixed;}
   7    div { font: 15px/1 Ahem; background: red; color: green; width: 11em; margin: 0 0 0 2em; }
   8    .dummy { color: silver; }
   9    .one {background: green url(support/swatch-red.png) repeat-y 100% 0%;}
  10    .two {background: green url(support/swatch-red.png) repeat-y center top;}
  11    .three {background: green url(support/swatch-red.png) repeat-x left top;}
  12   </style>
  13   <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'">
  14  </head>
  15  <body>
  16   <p class="dummy">Dummy text.</p>
  17   <p class="dummy">Dummy text.</p>
  18   <p class="dummy">Dummy text.</p>
  19   <p>Scroll this document. A line of blue should remain stuck at the
  20   top of the viewport the whole time, and there should be no red
  21   below, just a block of green.</p>
  22   <div class="one">
  23               X
  24               X
  25               X
  26               X
  27               X
  28   </div>
  29   <div class="two">
  30          X
  31          X
  32          X
  33          X
  34          X
  35   </div>
  36   <div class="three">
  37     XXXXXXXXXXX
  38
  39
  40
  41
  42   </div>
  43   <p class="dummy">Dummy text.</p>
  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  </body>
  89 </html>