CSS3派不工作答案

【问题标题】：CSS3 pie not workingCSS3派不工作
【发布时间】：2015-03-18 16:02:36
【问题描述】：

我正在尝试使用 CSS3 pie 来允许在 IE 8 中使用 border-radius。但你猜怎么着，它不起作用。

这是我一直在尝试实现它的方式：

#inner-orbit {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  behavior: url(../js/vendor/PIE.htc);
}

当然，我已经下载了 .HTC 文件，并且在实现的 url 部分中有正确的路径。

我还阅读了 CSS3 pie 的“知道问题”页面，对那里的建议不满意。

这里是问题重现的链接：EXAMPLE LINK

提前致谢。

【问题讨论】：

所有的巫师都在休假，所以也许您可以向我们展示一个有问题的网站？否则我们只能猜测。另外，请告诉我们您的操作系统以及您是在真正的 IE8 还是模拟器上进行测试。
边界半径不应该是50%（即最大值？）？
@MiheyEgoroff 我正在使用虚拟机（vm ware fusion）在 IE 中进行测试。我现在会试着为你准备一把小提琴/codepen
这对你来说是个坏消息，我的意思是你使用的是虚拟机，因为如果你使用的是可能在真正的 IE 上运行的模拟器。但无论如何，请尝试重现该错误。
不，我不再关注 IE8。优雅的降级或渐进式的附魔 - 主要目标/信息应该在 IE8 上可见且可用，效果不是必需的。专注于现代浏览器，让所有信息至少在旧浏览器上看起来不错。

标签： css internet-explorer-8 border css3pie

【解决方案1】：

请将您的 .htc 文件存储在默认文件夹中，而不是任何文件夹中，即

behavior: url(PIE.htc);

【讨论】：

嗨，这并没有改变任何东西，很遗憾。
你有没有为ie8添加pie.js文件和有条件的贷款
是的，我已经添加了JS文件并有条件地加载了。
我有一个工作示例，我可以分享给你，请给我你的邮件。我发给你。
这里不能提供吗？

【解决方案2】：

如CSS3PIE documentation 中所述，.htc 的路径必须针对 HTML 文件设置，而不是针对编写 url() 的 CSS 文件设置！
最简单的测试用例：将 HTML、CSS 和 HTC 放在同一个目录下。如果它有效，那么如果你的 CSS 在 css/styles.css、HTC 也是 (css/pie.htc) 和 HTML 在父级中，那么它将是 behavior: url(PIE.htc); 而不是 behavior: url(css/PIE.htc);

我还认为我在使用 .htc extension, Apache and mime type 时遇到了问题。将其重命名为 .js（编辑：哎呀，不，它是 .php）或在您的服务器中处理此扩展的正确 mime 类型。

是的，CSS3Pie 是这些工具之一，您最好仔细阅读文档；）

【讨论】：

嗨@FelipeAls 我会按照你的建议做，然后回复你。

【解决方案3】：

问题一定出在你的行为 url 路径上。

【讨论】：

为什么会这样？