Skip navigation
JulesN
JulesN
Currently Being Moderated

CSS3 question about RGBA degradation

May 16, 2011 3:35 PM

Hope it's alright to ask this question, here.

 

Is there a way to use a transparent image if the rgba transparency doesn’t work? I have a menu that I would like to have a transparent background such as background-color:rgba(0,38,100,0.8), but when that isn’t read by older browsers, to use a background image, instead. Would that even be possible? My client really likes the transparency, and is not sold on the solid as an alternative at all.

 

Thanks!

Jules

245 Views   3 Replies   Latest reply: pziecina, May 17, 2011 10:21 AM
 
Replies
  • pziecina
    Currently Being Moderated
    1. pziecina,
    May 17, 2011 9:42 AM   in reply to JulesN
    Report

    Hi

     

    As IE7/8 are the only browsers that do not recognize rgba insert the background image code in an IECC -

    <!--[if lte IE 8]>
<style type="text/css">
Your css for IE7/8 would go here
</style>
    <![endif]-->

     

    PZ

     
    |
    Mark as:
  • JulesN
    Currently Being Moderated
    2. JulesN,
    May 17, 2011 10:14 AM   in reply to pziecina
    Report

    Thank you so much for that!  That worked perfectly.  I know it sounds so simple, but I'm just getting the hang of css3 and how to get older browsers to work still. 

     
    |
    Mark as:
  • pziecina
    Currently Being Moderated
    3. pziecina,
    May 17, 2011 10:21 AM   in reply to JulesN
    Report

    but I'm just getting the hang of css3 and how to get older browsers to work still. 

    Unfortunately IE8 will probably be around for a few years to come so knowing how to use IECC's is now essential, but the IECC code given should be the only one you need now, as one can just about forget IE6. Happy css3'ng.

     

    PZ

     
    |
    Mark as:
Actions

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