css3-box-shadow-ref.html (897B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS Box-shadow Test: the test passes if adding one or more shadow to the box</title> 6 <link rel="author" title="Xie Bing" href="mailto:451887565@qq.com"> 7 <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com"> <!-- 2013-09-03 --> 8 <style type="text/css"> 9 .wrapper{ 10 position:relative; 11 } 12 .first{ 13 width:300px; 14 height:100px; 15 background-color:#ff9900; 16 position:absolute; 17 z-index:500; 18 } 19 .second{ 20 width:300px; 21 height:100px; 22 background-color:#000; 23 position:absolute; 24 top:10px; 25 left:10px; 26 z-index:100; 27 } 28 </style> 29 </head> 30 <body> 31 <p>The test passes if there is a black shadow behind the orange box.</p> 32 <div class="wrapper"> 33 <div class="first"></div> 34 <div class="second"></div> 35 </div> 36 </body> 37 </html>