Question

css shadows are fine with firefox and chrome but not showing on Internet Explorer
I used following code

 -moz-box-shadow: 0 0 20px #000;

Can someone suggest me a solution for this

Thank You!

Answer 1

-moz-box-shadow: 0 0 20px #000; is only for FireFox.

You can use box-shadow: 0 0 20px #000;

IE < 9 needs some help. You need something like this

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.20);

-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.20)";
        zoom: 1;

You’ll have to play with the values.

All together it could be

.something{
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000;
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.20);
    -ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.20)"; zoom: 1;
}