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

.login {
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

Recommended Answers

All 6 Replies

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

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.

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

-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

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.