2012-06-19 43 views
2

我似乎无法得到PIE.htc在这个网站上工作。CSS3 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/

回答

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的简写版本(无边框顶部左半径,没有前缀的边界半径st yles等):CSS3 Pie Supported Features

+0

嗯,我已经改变了行为:行为:网址(PIE.htc),它似乎仍然没有工作。 – realph

+0

对于这个问题,你应该参考支持的功能页面。我为你更新了我的答案。正如你所看到的,CSS3 Pie非常**挑剔。啊哈! – BumbleB2na

+0

啊!这似乎解决了它!多谢老兄! – realph

0

我发现,它只是工作在我的服务器上,如果

  1. 我叫派的行为:网址(PIE.htc);
  2. 如果PIE.htc与我的css文件位于同一目录中。

希望这会有所帮助。

0

我发现我的问题PIE.htc不工作的解决方案。

  1. 从他们的网站获取PIE.htc
  2. 把文件直接下这是你的根文件夹/ WebApp文件夹。
  3. 调用它的行为:网址(PIE.htc)

我已经待了两个星期得到这个IE8的工作,我的CSS3框有圆角。 css3pie.com不会告诉你准确放置文件的位置。

对于我把文件放在css文件夹下不起作用。

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

0

尝试使用以下路径

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