|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
|
2 <html xmlns="http://www.w3.org/1999/xhtml"> |
|
3 <head> |
|
4 <title>css3-background: number of background layers determined by background-image</title> |
|
5 <link rel="author" title="L. David Baron" href="http://dbaron.org/" /> |
|
6 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> |
|
7 <link rel="help" href="http://dev.w3.org/csswg/css3-background/#layering" /> |
|
8 <meta name="flags" content="" /> |
|
9 <style type="text/css"><![CDATA[ |
|
10 |
|
11 div { |
|
12 position: relative; height: 100px; width: 100px; |
|
13 } |
|
14 |
|
15 ]]></style> |
|
16 </head> |
|
17 <body> |
|
18 |
|
19 <div> |
|
20 <img style="position: absolute; left: 10px; top: 10px" src="yellow-32x32.png" /> |
|
21 </div> |
|
22 <div> |
|
23 <img style="position: absolute; left: 15px; top: 15px" src="fuchsia-32x32.png" /> |
|
24 <img style="position: absolute; left: 20px; top: 20px" src="blue-32x32.png" /> |
|
25 <img style="position: absolute; left: 0px; top: 0px" src="aqua-32x32.png" /> |
|
26 <img style="position: absolute; left: 5px; top: 5px" src="yellow-32x32.png" /> |
|
27 </div> |
|
28 <div> |
|
29 <img style="position: absolute; left: 20px; top: 20px" src="blue-32x32.png" /> |
|
30 <img style="position: absolute; left: 5px; top: 5px" src="aqua-32x32.png" /> |
|
31 <img style="position: absolute; left: 10px; top: 10px" src="yellow-32x32.png" /> |
|
32 </div> |
|
33 |
|
34 </body> |
|
35 </html> |