使用border-radius.htc不会导致IE8的圆角

时间:2012-06-22 19:32:20

标签: internet-explorer-8 rounded-corners

我正在尝试使用border-radius.htc解决方案来获取在IE8中显示的圆角,但是我遇到了困难。在HTML文件中,我使用IE8条件放置在页面顶部附近调用IE8特定样式表。在该样式表中,我有以下规则:

.navbar .nav .active > a,
.navbar .nav .active > a:hover {
behavior: url("border-radius.htc");
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius:  5px 5px 0px 0px;
position:  relative;
zoom:  1;

}

当我在IE8中查看页面时,角落仍然是平方的。任何人都可以告诉我为什么在IE8中没有应用圆角?我的CSS有问题吗?

1 个答案:

答案 0 :(得分:1)

而不是border-radius使用PIE.htc,从http://css3pie.com/下载并将其放入您的文件中,代码是正确的,只替换行为:url(“border-radius.htc”)行为: URL( “PIE.htc”)。