layout/reftests/backgrounds/background-layers-1a.html

   1 <html>
   2 <head>
   3   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
   4
   5   <style type="text/css">
   6     *#test1 > * {
   7       background: url(red-128-alpha-32x32.png) center,
   8                   url(green-circle-alpha-32x32.png) center fixed;
   9       background-color: yellow;
  10       width: 32px;
  11       height: 32px;
  12     }
  13
  14     *#test2 > * {
  15       background: url(red-128-alpha-32x32.png) center,
  16                   url(green-circle-alpha-32x32.png) center fixed,
  17                   url(yellow-32x32.png);
  18       background-color: red;
  19       width: 32px;
  20       height: 32px;
  21     }
  22
  23     *#test3 > * {
  24       background: url(red-128-alpha-32x32.png) center,
  25                   url(green-circle-alpha-32x32.png) center fixed,
  26                   url(yellow-32x32.png);
  27       width: 32px;
  28       height: 32px;
  29     }
  30
  31     div.inline > div {
  32       display: inline-block;
  33     }
  34   </style>
  35 </head>
  36
  37 <body>
  38   <div id="test1" class="inline"><div></div><div></div><div></div></div>
  39   <div id="test2" class="inline"><div></div><div></div><div></div></div>
  40   <div id="test3" class="inline"><div></div><div></div><div></div></div>
  41 </body>
  42
  43 </html>