CSS中的边框半径

Question

在解决IE8浏览器兼容性问题时，我遇到了一个难题。我使用以下代码：

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); 
}

并且将“ie-css3.htc”文件放在正确的位置。但是IE8的曲线仍然无法工作。请帮我解决问题。

- John

---

你在IE8中绝对需要border-radius吗？浏览器呈现不同是可以接受的，而且border-radius可能是最不显眼的样式之一。 - Simon Smith

我认为它在IE8中不起作用，看看这个问题。 - Priyank Patel

Answer 1

我不知道"behaviour"属性是什么，但也许CSS3 Pie JavaScript库可以帮到你：

PIE使得Internet Explorer 6-9能够渲染一些最有用的CSS3装饰特性。

- Yogu

---

谢谢您的想法。让我们检查一下它是否有效。 - John

Answer 2

使用CSS#PIE并按照说明操作。它支持Internet Explorer 6-9。

- Jassi Oberoi

Answer 3

CSS3 Pie 是解决 IE8 及其之前版本的 border-radius 问题的方案。

- Touhid Rahman