Grow your CSS skills. Land your dream job.

Making Buttons Round in IE?

  • # January 13, 2012 at 3:47 pm

    These buttons are great. I just want the edges to be round in IE like they are in Firefox. Has anyone come across this problem/solved this problem?

    Example

    # January 13, 2012 at 6:51 pm

    IE10 supports border-radius (I think), but until then, you will need to use an image.

    # January 15, 2012 at 8:33 am

    i did, the only way i could find is to use a jpeg image with white background (or whatever colour the background of the container, where you want to add the button). as, IE sometimes even does not support png.

    # January 15, 2012 at 11:04 am

    IE5 and 6 can (sorta) be made to work with transparent pngs. See here: http://24ways.org/2007/supersleight-transparent-png-in-ie6

    # January 15, 2012 at 1:19 pm

    you could use http://css3pie.com/

    # January 15, 2012 at 4:08 pm

    Chris made a tutorial on this: http://css-tricks.com/video-screencasts/17-sliding-doors-button/
    Or use :before and :after, to place a jpg on each side, with a background for the link that matches the sides (can be a very thin, repeated on x picture)

    # January 15, 2012 at 8:38 pm

    @cyneWATCH, :before and :after are supported on only the browsers that support transparent pngs, so that wouldn’t do any more good than a png.

    # February 10, 2012 at 10:51 am

    Any opinions on using Sprites?

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".