rounded border problems in IE 8

Question

I am trying to add rounded border to my div. In firefox it is working. On Net i found this link http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser. I have adding the htc file. I included it in the root, as well as my css folder but it is not working on IE. Here what i am doing

position:absolute;
border:1px solid #ccc;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
behavior: url(css/border-radius.htc); url(border-radius.htc); //both not working
background: rgb(180,221,180); /* Old browsers */

Why it is not working in IE?

You can refer this for further clarity. http://stackoverflow.com/questions/5648359/ie8-rounded-corners-issue — Nitesh, May 07 '13 at 13:00
try css3 pie http://css3pie.com/ but please note you will get a hit i performance and you might get conflicts depending on where the rounded corners are used — Huangism, May 07 '13 at 13:03
IE8 does not support rounded borders, you can complain to MS :-) Check the link given as duplicate above, and notice the 1st comment (ie, let it go) — Déjà vu, May 07 '13 at 15:15

Lior Elrom · Answer 1 · 2013-05-07T19:37:32.977

2

Rounded corners in IE8

Internet Explorer under version 9 doesn't natively support rounded corners but there are few other solutions you may consider:

Use Rounded Corners Images instead (this is a good resource)
Use the jQuery Corner plugin from here
Use a very good script called CSS3 PIE from here
Another good script is IE-CSS3 from here

Hope it was useful. Good Luck!

edited May 07 '13 at 19:37

answered May 07 '13 at 13:17

Lior Elrom

19,660
16
80
92

Top Questions · Answer 2 · 2013-05-07T13:39:56.263

0

All IEs <9 don´t support border radius.

Try an border-image generator if it´s really important.

also see @niels post. Try using google for those questions before you go to SO.

edited May 07 '13 at 13:39

answered May 07 '13 at 12:57

Top Questions

1,862
4
26
38

All IEs < 9 don't support border-radius – Rob May 07 '13 at 13:36
=<8 == <9 or am i wrong? – Top Questions May 07 '13 at 13:37
i´ll edit my post, i think you are right with that... – Top Questions May 07 '13 at 13:39

score 0 · Answer 3 · answered May 07 '13 at 12:58

0

As far as I know, IE8 doesn't support this css feature.

You could try this trick to go:

CSS3 PIE

answered May 07 '13 at 12:58

A. Cristian Nogueira

725
1
8
25

3

with behaviour file it is possible to get rounded border in IE8 but it reduces performance and causes conflict in css depending on where you are using it – Huangism May 07 '13 at 12:59
Sure. It has to be used carefully. – A. Cristian Nogueira May 07 '13 at 13:01

score 0 · Answer 4 · answered May 07 '13 at 13:00

0

Make the rounded border in photoshop, sketch, or whatever, and set it as background image:

<!--[if IE]>
    <style>
    #yourid
    {
    background-image: your source
    }
</style>
<![endif]-->

answered May 07 '13 at 13:00

DiederikEEn

753
8
17

rounded border problems in IE 8

4 Answers4