Question

我的圆角代码在IE中不起作用。我使用以下代码来获得圆角。我在Mozilla Firefox，Chrome和IE中测试过。但是这段代码在IE中不起作用。

.roundedCorner{
    -moz-border-radius:22px;
    -webkit-border-radius:22px;
    -khtml-border-radius:22px;
    border-radius:22px;  
    border: 1px solid #4B8FD3;
}

Answer 1

我不确定你的border-radius.htc是什么，但是该url必须是相对于被访问的页面，而不是CSS文件。

另外，您可以查看css3pie。它将大多数CSS3功能复制到IE中，并以相同的方式使用.htc文件，效果非常好。

Answer 2

＆LT; IE9不支持border-radius。使用图像或JavaScript解决方案之一。

CSS3Pie看起来很有趣。

Answer 3

您可以使用：Curvycorners来实现跨浏览器兼容性。这是一个很棒的插件

如果我使用以下代码，为什么我的圆角不能在IE中工作

3 个答案: