-moz-border-radius clips background images now. Yay!

By komi komi Permalink

I just found out that MozBug 24998 (background images spill beyond rounded borders / -moz-border-radius) was fixed late last year. Nice!

Here’s a screenshot of a quick demo - it uses HTML but the same can be done in XUL. See how the corners of the background image don’t show through the edges of the porthole like before?

-moz-border-radius demo screenshot

Download example source code.

Post a comment or Leave a trackback.

5 Comments

Subscribe
  1. Sebhelyesfarku Mar 15, 2008 2:14 am Permalink

    That back button looks stupid.

  2. GeekShadow Mar 15, 2008 4:37 am Permalink

    Cool to see that fixed ;)

  3. matt Apr 14, 2008 7:57 am Permalink

    Not to pee on your bonfire or anything but this doesn’t work on Firefox mac (2.0.0.13)

  4. Keisuke Apr 14, 2008 8:58 am Permalink

    @matt

    Try it in Firefox 3 or a recent Songbird build.

  5. Keith Apr 30, 2008 11:57 am Permalink

    Cool. Works for me with FF3 on Mac :)

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*