border radius in css

Question

I am fetching a problem during fix the browser compatibility issue in IE8. I use the following code:

input[type="submit"],input[type="reset"] {
    border:0px;
    /*background-image:url(../images/button.jpg);*/
    background-color:#3778aa;
    background-repeat:repeat-x;
    width:79px;
    height:27px;
    cursor:pointer;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#ffffff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    behavior: url(../images/ie-css3.htc); 
}

and "ie-css3.htc" file place in the right place. But still the curve for IE8 is not working. Please help me out.

Do you absolutely need border-radius in IE8? It's okay for browsers to render differently and border-radius is probably one of the least noticeable styles to drop — Simon Smith, May 04 '12 at 10:50
I dont think it will work in IE8 , have a look at this [question][1] [1]: http://stackoverflow.com/questions/635851/support-for-border-radius-in-ie — Priyank Patel, May 04 '12 at 10:50

score 4 · Accepted Answer · answered May 04 '12 at 10:50

4

I don't know the behaviour property, but maybe the CSS3 Pie javascript library would do the job for you:

PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.

answered May 04 '12 at 10:50

Yogu

9,165
5
37
58

thanks for your idea. Let check me whether it is working or not – John May 04 '12 at 10:59

score 4 · Answer 2 · answered May 04 '12 at 10:50

4

use CSS#PIE and follow the instruction. its support Internet Explorer 6-9

answered May 04 '12 at 10:50

Jassi Oberoi

1,424
1
12
25

score 0 · Answer 3 · answered May 22 '13 at 21:16

0

CSS3 Pie is the solution of border-radius for IE8 and its previous versions.

answered May 22 '13 at 21:16

Touhid Rahman

2,455
21
22

border radius in css

3 Answers3