SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    652
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    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

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,218
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    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.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,389
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    You will need to use a fallback as Ralph suggests.

    Something like this:

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

  4. #4
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    652
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks PAul, so I would add a fallback to the "a.tip span" correct?

    Thanks

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,389
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Yes


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •