background-layers-1a.html (1131B)
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>