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

branch
TOR_BUG_9701
changeset 11
deefc01c0e14
equal deleted inserted replaced
-1:000000000000 0:dc9a9b5b4b70
1 <html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
4
5 <style type="text/css">
6 div.circle {
7 background: url(green-circle-alpha-32x32.png) center fixed;
8 width: 32px;
9 height: 32px;
10 }
11
12 div.redalpha {
13 background: url(red-128-alpha-32x32.png) center;
14 width: 32px;
15 height: 32px;
16 }
17
18 div.yellow {
19 background: url(yellow-32x32.png);
20 width: 32px;
21 height: 32px;
22 }
23
24 *#test1 {
25 width: 96px;
26 background-color: yellow;
27 }
28
29 *#test2 {
30 width: 96px;
31 background-color: red;
32 }
33
34 div.inline > div {
35 display: inline-block;
36 }
37 </style>
38 </head>
39
40 <body>
41 <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>
42 <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>
43 <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>
44 </body>
45
46 </html>

mercurial