CSS3 PIE.htc不工作

CSS3 PIE.htc不工作,css,pie-chart,Css,Pie Chart,我似乎无法让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; borde

我似乎无法让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);
}
知道我做错了什么吗


您可以在此处查看网站:

问题1:

您提供了一个指向包含“www”的站点的链接,因此在代码中您需要使用“www”进行调用:

behavior: url(http://www.sykeshr.co.uk/temp/PIE.htc)
但是,这是不鼓励的,因为如果用户在没有“www”的情况下访问您的站点,那么CSS3饼图将再次失效

您应该使用相对url(它将与调用css文件的html文件相对):

或:

问题2:


CSS3 Pie只支持简写版的
边框半径(无边框左上角半径、无前缀边框半径样式等):

我发现它仅在以下情况下在我的服务器上工作

  • 我将Pie称为行为:url(Pie.htc)
  • 如果PIE.htc与我的css文件位于同一目录中

  • 希望这能有所帮助。

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

  • 从他们的网站上获取PIE.htc
  • 将文件直接放在根文件夹/webapp folder下
  • 像行为一样调用它:url(PIE.htc)
  • 我已经花了2周的时间让它在IE8上运行,使我的css3盒具有圆角。 css3pie.com不会告诉您文件的确切位置

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


    ***如果有帮助,我将使用GWT开发我的应用程序

    尝试使用以下路径

    behavior: url(//yoursite.com/path/to/PIE.htc);
    行为:url(//yoursite.com/path/to/PIE.htc);嗯,我已经将行为更改为:behavior:url(PIE.htc),但它似乎仍然不起作用。有关该问题,您应该参考支持的功能页面。我为你更新了我的答案。正如您所看到的,CSS3派非常挑剔。
    behavior: url(PIE.htc)
    
    behavior: url(//yoursite.com/path/to/PIE.htc);