border-radius not working in ie how can i implement so that it start working in ie

Question

I am useing border-radius css property and its not working in ie any one can suggest me any idea so that i will start working in ie

<style>
   .myclass
   {
       border-radius:10px;
   }
</style>

mainly ie8 and other too – Vikas Gautam Jul 26 '13 at 05:39 — Vikas Gautam, Jul 26 '13 at 05:39

score 3 · Answer 1 · edited May 23 '17 at 12:00

As you've not specified which version are you encountering this issue, if you are using IE < 9 than you need to use CSS3 Pie as @Rohit suggested, but if you are using IE > 9 than make sure you use <!DOCTYPE html> and also use the below meta tag between the <head> tags

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Here, edge forces the IE to use the latest rendering engine.

Also make sure you have Document Mode set to IE9 Standards if it's IE9, same goes for ver 10

score 2 · Answer 2 · answered Jul 26 '13 at 05:39

2

Check Progressive Internet Explorer. This makes IE to obey some CSS3 properties.

answered Jul 26 '13 at 05:39

Sarvap Praharanayuthan

4,212
7
47
72

Wait until all the scripts get loaded completely. PIE will support border-radius property in IE from version 6. Read their Documentation. – Sarvap Praharanayuthan Jul 26 '13 at 05:46

Rohit Azad Malik · Answer 3 · 2013-07-26T05:44:33.693

1

PIE makes Internet Explorer 6, 7, 8 capable of rendering several of the most useful

 CSS3 decoration features.

Go to this site

Check to Compatible of Border Radius Browser

edited Jul 26 '13 at 05:44

answered Jul 26 '13 at 05:37

Rohit Azad Malik

31,410
17
69
97

IE 9 Is capable to render `border-radius` without using pie – Mr. Alien Jul 26 '13 at 05:38
IE6 is no more. **RIP IE6** – Praveen Jul 26 '13 at 05:41
Read this Documentation http://css3pie.com/documentation/getting-started/ – Rohit Azad Malik Jul 26 '13 at 05:42
Think about the degraded performance when using pie. – Johan Bouveng Jul 26 '13 at 06:59

score 1 · Answer 4 · answered Jul 26 '13 at 05:38

1

try this

<style>
   .myclass
   {
  border-radius:10px;
 -ms-border-radius:10px;
   }
</style>

if this not work than you are using older browser u should use pie.htc for ie

answered Jul 26 '13 at 05:38

Hushme

3,108
1
20
26

score 1 · Accepted Answer · edited May 23 '17 at 11:53

1

IE 9 and 10 supports border-radius property.

For IE 8 and 7, you need to do some hacks using CSS3PIE.

Just import the PIE.htc file and do the following,

border: 1px solid #696;
behavior: url(/pie/PIE.htc);

NOTE: please make sure url path is correct else you won't get it work. Check my answer.

edited May 23 '17 at 11:53

Community

1
1

answered Jul 26 '13 at 05:41

Praveen

55,303
33
133
164

score 1 · Answer 6 · answered Jul 26 '13 at 06:25

1

Use PIE this will support border radius in IE

answered Jul 26 '13 at 06:25

user2582303

56
2

border-radius not working in ie how can i implement so that it start working in ie

6 Answers6