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馅饼将再次无效。

您应该使用相对网址（它将相对于调用您的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

Answer 2

我发现它只能在我的服务器上运行

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

希望这有帮助。

Answer 3

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

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

我花了两周的时间让这个用于IE8，因为我的css3盒有圆角。 css3pie.com没有告诉你究竟要把文件放在哪里。

对我来说，将文件放在css文件夹下是行不通的。

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

Answer 4

尝试使用以下路径

behavior: url(//yoursite.com/path/to/PIE.htc);

CSS3 PIE.htc不工作

4 个答案: