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

【问题标题】：Unable to get PIE to work for border-radius in IE8无法让 PIE 为 IE8 中的边界半径工作
【发布时间】：2012-11-26 21:38:02
【问题描述】：

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

我错过了什么吗？

【问题讨论】：

不，它在一个 CSS 文件中，该文件位于从根目录下的文件夹中。

标签： html css internet-explorer css3pie

【解决方案1】：

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

试试：

behavior: url(/PIE.htc);

【讨论】：

我刚试过这个，它也不起作用。我已经读过，对于 PIE，文件路径不是 CSS 文件的相对路径，而是 HTML 文件的相对路径。
@cryztal6 我不这么认为。它是一个 htc 文件，对于 PIE 没有特定的规则。如果您的文件实际上位于根目录中，/PIE.htc 看起来是正确的。
打开你的调试器，看看页面加载时是否得到 .htc 文件的 404。
我在 Chrome 中使用调试器。我在控制台选项卡下看不到任何有关 HTC 文件的错误消息。当然边界半径在 Chrome 中工作正常，我遇到了 IE8 的问题。我不确定我是否在调试器中寻找正确的位置。它在某些图像上显示“无法加载资源”，所以我想是的。