1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/backgrounds/background-layers-1-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,46 @@
1.4 +<html>
1.5 +<head>
1.6 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
1.7 +
1.8 + <style type="text/css">
1.9 + div.circle {
1.10 + background: url(green-circle-alpha-32x32.png) center fixed;
1.11 + width: 32px;
1.12 + height: 32px;
1.13 + }
1.14 +
1.15 + div.redalpha {
1.16 + background: url(red-128-alpha-32x32.png) center;
1.17 + width: 32px;
1.18 + height: 32px;
1.19 + }
1.20 +
1.21 + div.yellow {
1.22 + background: url(yellow-32x32.png);
1.23 + width: 32px;
1.24 + height: 32px;
1.25 + }
1.26 +
1.27 + *#test1 {
1.28 + width: 96px;
1.29 + background-color: yellow;
1.30 + }
1.31 +
1.32 + *#test2 {
1.33 + width: 96px;
1.34 + background-color: red;
1.35 + }
1.36 +
1.37 + div.inline > div {
1.38 + display: inline-block;
1.39 + }
1.40 + </style>
1.41 +</head>
1.42 +
1.43 +<body>
1.44 + <div id="test1" class="inline"><div class="circle"><div class="redalpha"></div></div><div class="circle"><div class="redalpha"></div></div><div class="circle"><div class="redalpha"></div></div></div>
1.45 + <div id="test2" class="inline"><div class="yellow"><div class="circle"><div class="redalpha"></div></div></div><div class="yellow"><div class="circle"><div class="redalpha"></div></div></div><div class="yellow"><div class="circle"><div class="redalpha"></div></div></div></div>
1.46 + <div class="inline"><div class="yellow"><div class="circle"><div class="redalpha"></div></div></div><div class="yellow"><div class="circle"><div class="redalpha"></div></div></div><div class="yellow"><div class="circle"><div class="redalpha"></div></div></div></div>
1.47 +</body>
1.48 +
1.49 +</html>
