在IE8中无法让PIE用于border-radius

时间:2012-11-26 21:38:03

标签: html css css3 internet-explorer css3pie

我的CSS中有这个:

.myAwesomeElement {
    position: relative;
    z-index: 0;
    zoom: 1;
    border: 1px solid #999;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background: #6699CC;
    behavior: url(PIE.htc);
}

我在HTML中有这个

 <input type="button" class="myAwesomeElement" value="#myAwesomeElement" onClick="">

PIE.htc文件位于带有HTML文件的根目录中。

当我在IE8中查看时,按钮显示但没有圆角。

我错过了什么吗?

1 个答案:

答案 0 :(得分:1)

CSS中的文件路径是相对于样式表的,而不是根目录。

尝试:

behavior: url(/PIE.htc);