1

我一直在做一些测试,但我还没有让它工作。

在我从这个页面http://css3pie.com/documentation/getting-started/获取示例代码后,但无法获得圆润的外观

CSS是这个

#prueba {
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(PIE.htc);
}

行为属性已尝试将两个相对路径作为http://www.midomain.com/PIE.htc类型的绝对路径

你知道为什么它不起作用吗

对不起我的英语不好

4

2 回答 2

0

可能是个.htaccess问题,您需要为 .htc 文件定义内容类型:

AddType text/x-component .htc

这样,内容类型作为标头发送到 IE。没有它,IE 只会忽略 .htc 文件

查看已知问题

于 2012-12-21T12:40:06.930 回答
0

以我的经验,PIE.htc 可能很难实现;但是一旦你解决了一些问题并习惯了它的行为,它就会变得非常有用。我的许多大客户仍在使用 IE7 或 IE8。

首先,PIE.htc 不喜欢简写 CSS。以下是我将如何声明您的属性。

#prueba {
    border: 1px solid #999;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

其次,您需要在应用它的页面部分中声明该行为;像这样:

<style type="text/css">
    #prueba {
       behavior: url("PIE.htc");
       } 
</style>
</head>

这应该适合你。有几件事要记住...

  1. PIE.htc 需要位于您网站的根目录中,如果您必须在文件夹中访问它,您将遇到问题。
  2. 如果选择器具有父属性,有时调用该行为将不起作用。例如,如果#prueba位于另一个<div>类似的范围内#content,您将使用:

    #content #prueba { 行为:url("PIE.htc"); }

    1. 我总是在结束标记之前调用我的 PIE.htc </head>。不一定是这样,但我发现它总是这样工作。

希望这会有所帮助。大多数这些问题都可以在css3pie的文档中找到。

于 2012-12-27T18:19:37.067 回答