Css border radius

I am removing the problem while fixing the browser compatibility issue in IE8. I am using 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 the "ie-css3.htc" file in the right place. But still the curve for IE8 does not work. Please help me.

+3
source share
3 answers

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

PIE makes Internet Explorer 6-9 capable of displaying some of the most useful CSS3 styling features.

+4
source

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

+4
source

CSS3 Pie - IE8 .

0

All Articles