CSS实现跨浏览器兼容性的盒阴影效果

CSS代码:
.shadow  {
    -moz-box-shadow
:  3px 3px 4px #000 ;
    -webkit-box-shadow
:  3px 3px 4px #000 ;
    box-shadow
:  3px 3px 4px #000 ;
    
/*  For IE 8  */
    -ms-filter
:  "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')" ;
    
/*  For IE 5.5 - 7  */
    filter
:  progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000') ;
}

HTML代码:
< img  class ="shadow"  src ="images-url"   />

   
     

效果:

 CSS实现跨浏览器兼容性的盒阴影效果


你可能感兴趣的:(浏览器兼容)