Speech Bubble in CSS

Hi Guys,

Ok here is the site…

http://www.amethystmine.com

Now on IE7 and IE8 the speech bubble does not show is there anything I can do to make it show in these browsers as well without modifying the CSS to much from what it already is.

Thanks,

Mike

Those rgba colors aren’t supported in IE8 and below, so perhaps you could use a fallback solid background color. Rounded corners also are not supported, but square corners should be fine there. IE7 and under don’t support :before / :after, but they can live without the little arrow. That’s my attitude, anyhow. :slight_smile:

You will need to use a fallback as Ralph suggests.

Something like this:


div {
   background: rgb(200, 54, 54); /* The Fallback */
   background: rgba(200, 54, 54, 0.5); 
}

Thanks PAul, so I would add a fallback to the “a.tip span” correct?

Thanks

Yes :slight_smile: