The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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]( “”) to see live example


    # February 6, 2013 at 1:05 pm

    This reply has been reported for inappropriate content.

    They don’t have support for box shadow, you’ll need something like 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 ( to target these browsers and apply alternate styling.

    # February 7, 2013 at 2:20 pm

    Thanks for reply .
    i updated my css .
    i found [link]( “”) 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 ?


    # 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed