CODEWITHSUNDEEP
cssinternet-explorer-8border
John
John

Reputation: 581

border radius in css

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.

Upvotes: 3

Views: 15220

Answers (3)

Touhid Rahman
Touhid Rahman

Reputation: 2583

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

Upvotes: 0

Jassi Oberoi
Jassi Oberoi

Reputation: 1424

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

Upvotes: 4

Yogu
Yogu

Reputation: 9445

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.

Upvotes: 4

Related Questions