SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Wizard triexa's Avatar
    Join Date
    Dec 2002
    Location
    Canada
    Posts
    2,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Border radius and background image?

    I am using -moz-border-radius to create rounded corners, but it seems that if there is a background image on the element then it shows outside of the "rounded corner", as if the border was still square...

    Is there some way around this?
    AskItOnline.com - Need answers? Ask it online.
    Create powerful online surveys with ease in minutes!
    Sign up for your FREE account today!
    Follow us on Twitter

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd avoid using proprietary styles and focus on using background images instead.

  3. #3
    SitePoint Zealot Shpook's Avatar
    Join Date
    May 2007
    Location
    Hollywood, FL, USA
    Posts
    129
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah, border-radius is a CSS3 property, and currently only Mozilla and Webkit(and Konqueror?) support it using proprietary identifiers. None of the CSS3 properties are complete, and are still going through a refinement process.
    Life would be so much easier if we
    could just look at the source code.
    -Dave Olson

  4. #4
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    KHTML/WebKit (basically Konqueror and Safari) are the only ones outside of Gecko that support it. And until CSS3 hits recommendation (standard) status I'm still going to consider -moz to be proprietary code.

  5. #5
    SitePoint Enthusiast
    Join Date
    May 2007
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Also, rounded corners made via CSS are not anti-aliased (at least in FF) and look really ugly.

    Check this URL, it might be useful:
    http://www.schillmania.com/content/e...unded-corners/
    Last edited by zuAnt; May 21, 2007 at 20:07. Reason: Added link to a useful resource

  6. #6
    SitePoint Zealot Shpook's Avatar
    Join Date
    May 2007
    Location
    Hollywood, FL, USA
    Posts
    129
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've got to say though, I'm looking forward to some of the new CSS3 attributes. Mainly border-image, multi-column layout, box-sizing, and the new attribute selectors.
    Life would be so much easier if we
    could just look at the source code.
    -Dave Olson

  7. #7
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Shpook View Post
    I've got to say though, I'm looking forward to some of the new CSS3 attributes.
    Trouble is, when css3 is finalised, a certain much-used mainstream browser will probably take 5+ years to implement some of it, forcing widespread use to be considerably delayed.........

  8. #8
    SitePoint Zealot Shpook's Avatar
    Join Date
    May 2007
    Location
    Hollywood, FL, USA
    Posts
    129
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yeah, I've thought about that. I'm sure we don't need to name this browser. Oh well, I'm going to go Explore the Internet...
    Life would be so much easier if we
    could just look at the source code.
    -Dave Olson

  9. #9
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)


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
  •