layers-layer-count-2-ref.xhtml (1363B)
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 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>