Forums

Jon_N

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

cnwtx

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

amyth91

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.

cnwtx

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

timmey

you could use http://css3pie.com/

cyneWATCH

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)

cnwtx

@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.

Jon_N

Any opinions on using Sprites?

treehouse : what would you like to learn today?

Forums

Making Buttons Round in IE?