How to add range borders and shadows for IE8?

Question

Is there any way to do this for IE8?

-moz-box-shadow: 0px 0px 14px #585858; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 14px #585858; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 14px #585858; /* Opera 10.5, IE 9 */ -moz-border-radius: 6px; border-radius: 6px; 

Answer 1

You can do this with CSS3PIE . It adds rounded corners, shadow support and gradient support for IE.

Hope this helps!

Answer 2

For shadow in IE8 you can use

 .box-shadow { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000')"; } 

where Strength is the shadow density, and Direction is the shadow offset angle in increments of 45 degrees. See Direction Property on MSDN.

Hope this helps.

Answer 3

IE8 is not compatible with shadows or with rounded corners.

Casting shadows and rounded corners is usually best done with png images and then hacking for IE6.

Alternatively, you can use something like a spiffy corner (http://www.spiffycorners.com/) for rounded corners.