stacking-context-1-ref.html (809B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 <html> 5 <head> 6 <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com"> 7 <style> 8 body { 9 margin: 0; 10 } 11 div { 12 width: 100px; 13 height: 100px; 14 } 15 #static { 16 position: absolute; 17 top: 20px; 18 left: 20px; 19 background-color: blue; 20 z-index: 3; 21 } 22 #sticky { 23 background-color: black; 24 } 25 #inner { 26 position: relative; 27 top: 40px; 28 left: 40px; 29 background-color: gray; 30 z-index: 2; 31 } 32 </style> 33 <body> 34 <div id="static"></div> 35 <div id="sticky"> 36 <div id="inner"></div> 37 </div> 38 </body> 39 </html>