html - 无法让 PIE 在 IE8 中为 border-radius 工作

Question

我的 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 中查看时，按钮显示但没有圆边。

我错过了什么吗？

Answer 1

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

尝试:

behavior: url(/PIE.htc);