0

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

6
Contributors
6
Replies
7
Views
6 Years
Discussion Span
Last Post by Biiim
0

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

0

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.

0

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 :(

0
-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

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.