Question

我正在尝试使用CSS3饼来允许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馅饼的页面，对那里的建议并不满意。

以下是该问题复制的链接：EXAMPLE LINK

提前致谢。

Answer 1

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

behavior: url(PIE.htc);

Answer 2

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

另外我认为.htc extension, Apache and mime type遇到了问题。将其重命名为.js（编辑：oops no，它＆＃39; s .php）或在服务器中为此扩展程序处理正确的mime类型。

是的，CSS3Pie是这些工具中的一个，您可以更好地阅读文档;）

Answer 3

问题必须与您的行为网址路径有关。

CSS3馅饼不起作用

3 个答案: