Round corner in IE

[ctkam]

Hi anyone know how to make round corner in IE? This code only works in Mozilla

.login {
background:#0C3;
box-sizing: border-box;
width: 40em;
height: 20em;
border-radius: 0.5em 2em 0.5em 2em;
-webkit-border-radius: 0.5em 2em 0.5em 2em;
}

Thankx in advance

[lps]

Try research into "filter:" of IE. I do not sure of it but it can be reconfigured to match other browsers' plugin

[Dandello]

Check out http://mygraphicfriend.wordpress.com/2010/01/07/css-cross-browser-rounded-corner-html-elements-using-css3/

This has the htc file and the code.

[drjohn]

Which version of IE doesn't it work in?
It should work in IE9 but not IE8 or earlier, as they don't support border-radius

There is an easy solution to getting earlier IEs to do css3, here http://css3pie.com/ . I've tried it and it works very nicely. Just read the documentation.

Also, that code will not work in earlier versions of firefox, as for them you also need the -moz-border-radius code as well.

[ctkam]

Hi Dandello
Tried that still not work.

Hi drjohn
I'm using IE8.

thank you for helping providing the links. In the end i have to use image :(

[jalarie]

If you don't mind using a LOT of code to do it easily and in every browser, go here:

http://spruce.flint.umich.edu/~jalarie/jaa_kcm.htm

[Biiim]

-ms-border-radius: 0.5em 2em 0.5em 2em;

is the css set for ie9, unfortunately ie8 and under just doesn't support it. You have to make a corner image for each corner and position them in html otherwise