在CSS2的時(shí)代，我們多半使用圖片實(shí)現(xiàn)類似效果，或是使用CSS其他屬性模擬陰影效果，但是，現(xiàn)在，CSS3的崛起使得這個(gè)問(wèn)題已經(jīng)不再是是個(gè)問(wèn)題了，本文就將展示如何實(shí)現(xiàn)跨瀏覽器的盒陰影效果。

<style type="text/css">

.div_shadow{
width:600px;
height:450px;
border:#909090 1px solid;
background:#fff;
color:#333;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  /* For IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */
-moz-box-shadow: 2px 2px 10px #909090;/* for firefox */
-webkit-box-shadow: 2px 2px 10px #909090;/* for safari or chrome */
box-shadow:2px 2px 10px #909090;/* for opera or ie9 */
}

</style>