2

我似乎无法让 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/

4

4 回答 4

7

问题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 Supported Features

于 2012-06-19T14:27:36.173 回答
1

我找到了解决 PIE.htc 问题的解决方案。

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

我花了 2 周的时间让这个为 IE8 工作，让我的 css3 盒子有圆角。css3pie.com 不会告诉您该文件的确切放置位置。

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

***如果它有助于我使用 GWT 开发我的应用程序。

于 2013-07-01T17:38:32.930 回答
0

尝试使用以下路径

行为：url（//yoursite.com/path/to/PIE.htc）；
于 2014-03-12T04:49:39.250 回答
0

我发现它只适用于我的服务器，如果

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

希望这可以帮助。

于 2013-04-30T20:23:23.880 回答