跨浏览器box-shadow

gistfile1.css

.sl-shadow{
    /* modern web browsers */ 
    -moz-box-shadow:1px 3px 12px #bbb;
    -webkit-box-shadow:1px 3px 12px #bbb;
    box-shadow:1px 3px 12px #bbb;
    
    /* 一定要设置background, 不然 ie 会显示在字体上 */
    background: #fff;

    /* gte=ie8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Glow(color=#aaaaaa,strength=3)   progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6)  progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=6)    progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6)";

    /* lte=ie7 */
    *filter: 
    progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=7)
    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)
    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10)
    progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=7);
}