boxshadow-spread-ref.html (405B)
1 <!DOCTYPE HTML> 2 <style> 3 body { 4 background-color: green; 5 } 6 7 #thediv { 8 background-color: green; 9 width: 300px; 10 height: 100px; 11 position: absolute; 12 top: 20px; 13 left: 20px; 14 z-index: 2; 15 } 16 17 #theshadow { 18 background-color: black; 19 width: 306px; 20 height: 106px; 21 position: absolute; 22 top: 20px; 23 left: 20px; 24 z-index: 1; 25 } 26 </style> 27 28 <div id="theshadow"> </div><div id="thediv">Foo</div>