html - 无法让 PIE 为 IE8 中的边界半径工作

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