box-shadow is not working IE8,7,6

[vaklove]

Hi guys

i am using box shadow CSS3 but it is only support IE9 or higher.
i want to display also before IE9 version.
click [here](http://www.1-800-optisource.com/chemistry.aspx “”) to see live example

Thanks

[yeeyang]

use a .png image for a background or @ChrisP’s solution.

[TheDoc]

I commented on this earlier but I’m not sure where it went.

Instead of adding extra resources like images or JS to make it look the same, just go with simple borders for < IE9.

[theacefes]

I agree with @TheDoc. I’ve tried to go with PIE for box shadows in IE8 but when the site went to production, it caused strange aesthetic issues which were solved once PIE declarations were removed.

[dfogge]

use modernizer or IE conditional classes (http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/) to target these browsers and apply alternate styling.

[vaklove]

Hi
Thanks for reply .
i updated my css .
i found [link](http://www.useragentman.com/blog/2011/08/24/how-to-simulate-css3-box-shadow-in-ie7-8-without-javascript/ “”) from stackoverflow

i am using Type #2: Glowing box-shadow
this method doesn’t work on it.

still does not look same as IE9 .
any suggestion guys ?

Thanks

[Paulie_D]

box-shadow is supported by IE9.

It’s not going to look the same as the Type 2 technique in IE8 as the rendering engine is different AND it’s a different effect.

>As mentioned before, the CSS for IE6-8 uses a lighter color for the shadow. This is due to the way the Shadow filter behaves: it requires a lighter shade to simulate the same effect.

[vaklove]

Thanks Paulie_D.
i tried on my local machine just copy and past of that link code not worked. but still shadow display left bottom.

[vaklove]

Thank you guys for help.

[Author]

Posts