SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict Scott Blanchard's Avatar
    Join Date
    Sep 2010
    Posts
    314
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Rounded corner images in FF with CSS border-radius?

    I can apply rounded corners to images in Chrome with this css:

    HTML Code:
    ul.my-list a img {border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;}
    Where the markup is...

    HTML Code:
    <ul class="my-list">
    <li><a><img /></a></li>
    <li><a><img /></a></li>
    etc
    </ul>
    Can the same effect be achieved in Firefox? I know I can do it to block level boxes, but it does not appear to be applying to images as Chrome appears to do.

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    This will spit out all the code you need. http://css3pie.com/


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
  •