CSS3 PIE.htc 不工作

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 的简写版本(无 border-top-left-radius、无前缀 border-radius 样式等): CSS3 Pie Supported Features