Question

我一直在做一些测试，但我还没有开始工作。

我从此页面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

的绝对路径

你知道为什么它不起作用

抱歉我的英文

Answer 1

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

AddType text/x-component .htc

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

查看known issues

Answer 2

根据我的经验，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>

这对你有用。要记住一些事情......

PIE.htc需要位于您网站的根目录中，如果您必须在文件夹中访问它，则会出现问题。
如果选择器具有父属性，则有时调用该行为将不起作用。例如，如果#prueba位于另一个<div>中，例如#content，则可以使用：

#content #prueba { behavior：url（“PIE.htc”）; }
1. 我总是在结束</head>标记之前调用我的PIE.htc。它不一定是，但我发现它总是这样。

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

CSS3 PIE不适用于IE7和IE8

2 个答案: