Skip navigation
Currently Being Moderated

backgound colors for IE8

Jun 29, 2013 4:28 PM

Tags: #help #dreamweaver #cs6

i built a landing page and micro site but the backgound colors dont appear in IE8 what do i have to do to have my backgound colors and styles appear in IE8?

  • Currently Being Moderated
    Jun 29, 2013 4:34 PM   in reply to JJkeeganVI

    Answers are in your code.  Can you share a link?

    IE8 doesn't support CSS gradients.  If you're using them, you'll need to add MS filter alternates.



    Nancy O.

    Mark as:
  • Currently Being Moderated
    Jun 29, 2013 4:35 PM   in reply to JJkeeganVI

    background: #000000;




    background-color: #000000;


    should both work with IE8.


    I never had any troubles with that. Check your CSS for missing punctuation too.  ":", ";" or "}" missing can or will throw everything after it off.

    Mark as:
  • Currently Being Moderated
    Jun 29, 2013 4:53 PM   in reply to JJkeeganVI

    rgba (color & transparency)  is not supported in pre-IE9 browsers.


    You'll need to feed older browsers an IE conditional comment with hex color codes.  Put this below all other styles and links to external CSS files -- just before the closing </head> tag.



    <!--[if lt IE 9]>
    body {background-color: #7CEF09;}


    That said, transparency isn't well supported either.  So you would need to use some opacity filters for that.  However I caution against using Filters as they create other unpleasant side effects such as disabling Clear Type.


    I'll be so glad when IE8 is dead!




    Nancy O.


    Message was edited by: Nancy O.   Code got munged in the forum.  Let's try again...

    Mark as:
  • Currently Being Moderated
    Jun 29, 2013 6:45 PM   in reply to JJkeeganVI

    body                    {background-color: rgba(102,204,0,.5);}


    change that to


    body                    {background-color: #6C0;}


    and drop the opacity since older browsers won't "play well" with it anyway.


    I try to stay away from RGBA color declarations and use hexadecimal. It's a personal preference which most likely makes no difference, but I can't see the purpose in decalring an opacity in a background.

    Mark as:
  • Currently Being Moderated
    Jun 29, 2013 7:28 PM   in reply to JJkeeganVI


    There's a converter at that link.


    Transparency is not a property that older browsers "do well" without a lot of tweaking.  Pick solid colors and leave them 100% if you want full compatibility with older IE.  I detest having to add all kinds of extra junk to a page just to make it work with a browser that should be more compatible with 2013 web standards... especially one from a company whose OS is on more computers than any other. It forces me to "keep it simple" in a lot of my designs, but I tell clients and I even put on soem sites I build that "this will look better in a browser other than IE". I really think Microsoft sould get out of the broiwser business. after all, they've demonstrated over the last fifteen years that they can't even get Windows right until a version has been around for ten years, and then what do they do? Replace it with something that people can't stand.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points