Grow your CSS skills. Land your dream job.

box-shadow is not working IE8,7,6

  • # February 6, 2013 at 1:04 pm

    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

    # February 6, 2013 at 1:05 pm

    They don’t have support for box shadow, you’ll need something like http://css3pie.com/ to handle box shadows in older versions of IE

    # February 6, 2013 at 11:58 pm

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

    # February 7, 2013 at 12:02 am

    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.

    # February 7, 2013 at 2:36 am

    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.

    # February 7, 2013 at 11:56 am

    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.

    # February 7, 2013 at 2:20 pm

    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

    # February 7, 2013 at 2:25 pm

    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.

    # February 7, 2013 at 2:36 pm

    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.

    # February 13, 2013 at 11:14 am

    Thank you guys for help.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".