<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8" /> <title>CSS Box-shadow Test: the test passes if adding one or more shadow to the box</title> <link href="mailto:451887565@qq.com" rel="author" title="Xie Bing" /> <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-03 --> <style type="text/css"> .wrapper{ position:relative; } .first{ width:300px; height:100px; background-color:#ff9900; position:absolute; z-index:500; } .second{ width:300px; height:100px; background-color:#000; position:absolute; top:10px; left:10px; z-index:100; } </style> </head> <body> <p>The test passes if there is a black shadow behind the orange box.</p> <div class="wrapper"> <div class="first"></div> <div class="second"></div> </div> </body></html>