CSS3 PIE.htc Not Working

Question

我似乎无法让PIE.htc在这个网站上工作。

这是我的 CSS：

section#feature {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    behavior: url(http://sykeshr.co.uk/temp/PIE.htc);
}

知道我做错了什么吗？

您可以在此处查看网站： http://www.sykeshr.co.uk/temp/

Answer 1

问题 1：

您

提供了一个指向您网站的链接，其中包含"www"，因此在您的代码中，您需要使用"www"进行调用：

behavior: url(http://www.sykeshr.co.uk/temp/PIE.htc)

但是，不鼓励这样做，因为如果用户在没有"www"的情况下访问您的网站，那么 CSS3 饼图将再次不起作用。

您应该改用相对 url（它将相对于调用您的 css 文件的 html 文件）：

behavior: url(../temp/PIE.htc)

或：

behavior: url(PIE.htc)

问题2：

CSS3 Pie 仅支持 border-radius 的速记版本（没有左上角边框半径，没有前缀边框半径样式等）： CSS3 Pie 支持的功能

Answer 2

我已经找到了解决PIE.htc不起作用问题的解决方案。

1. 从他们的网站获取 PIE.htc
2. 将文件直接放在/webapp 文件夹下，这是您的根文件夹。
3. 称之为类似行为：url（PIE.htc）

我花了 2 周的时间让它适用于 IE8，因为我的 css3 框有圆角。css3pie.com 不会告诉您将文件放在哪里。

对我来说，将文件放在css文件夹下不起作用。

如果有帮助，我正在使用GWT来开发我的应用程序。

Answer 3

我发现它只能在我的服务器上工作，如果

1. 我称Pie为行为：url（PIE.htc）;
2. 如果 PIE.htc 与我的 css 文件位于同一目录中。

希望这有帮助。

Answer 4

尝试使用以下路径

behavior： url（//yoursite.com/path/to/PIE.htc）;