layers-layer-count-inheritance-1.xhtml (1358B)
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="https://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 body > div { 12 position: relative; height: 300px; width: 100px; 13 background-repeat: no-repeat; 14 background-position: 10px 10px, 5px 5px, 20px 20px, 15px 15px; 15 background-image: url(aqua-32x32.png); 16 } 17 18 body > div > div { 19 position: absolute; height: 200px; width: 100px; top: 100px; left: 0; 20 background-repeat: no-repeat; 21 background-position: inherit; 22 background-image: url(yellow-32x32.png), url(aqua-32x32.png), url(blue-32x32.png), url(fuchsia-32x32.png), url(red-32x32.png); 23 } 24 25 body > div > div > div { 26 position: absolute; height: 100px; width: 100px; top: 100px; left: 0; 27 background: inherit; 28 background-image: url(blue-32x32.png), url(yellow-32x32.png), url(fuchsia-32x32.png); 29 } 30 31 32 ]]></style> 33 </head> 34 <body> 35 36 <div><div><div></div></div></div> 37 38 </body> 39 </html>