Question

我正在尝试应用css3pie

到我的网站，似乎根本没有应用它。我尝试过任何我能找到的东西：

检查PIE.htc的路径，将其放在主文件夹中并使用url（/PIE.htc），即使尝试了完整的URL，也没有用。
尝试使用PIE.php，但也无效。
尝试将“AddType text / x-component .htc”添加到.htaccess文件中，没有好处
尝试添加position:relative; z-index: 0;，不好。

我想申请的代码是：

   -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.9);
 -moz-box-shadow: 0px 0px 13px rgba(0,0,0,.9);
 box-shadow: 0px 0px 13px rgba(0,0,0,.9);

我缺少什么？

修改如果这很重要，当我在IE中查看加载的css时，我看到行为命令与下一行相同，尽管语法是正确的

Answer 1

使用您的网站链接。例如：

behavior: url('http://www.yoursite.com/css/PIE.php')

它会正常工作。

Answer 2

使用Web Developer工具（F12）查看是否正在创建任何<css3-container>个元素。如果没有，那么您的behaviour css声明就会出现问题。如果这些元素存在，那么不要用你的PIE.htc改变任何东西 - 这是一个样式问题，你可以搞砸position:relative; z-index: 0;之类的东西。

Answer 3

CSS3PIE将其生成的元素作为您正在构造的元素的兄弟，将z-index值设置为-1。您可能看不到结果，因为它背后是文档中的其他元素。尝试将具有样式的元素包装在具有独立z-index的定位容器中。希望这有帮助！

Answer 4

这完全取决于您的服务器设置：

假设DIR＆＃34;馅饼＆＃34;相对于你的＆＃34; root＆＃34; DIR，请尝试以下方法之一：

    behavior: url(/pie/PIE.php);
    behavior: url(pie/PIE.php);

还可以尝试：

    position:relative; 
    z-index: 0;

不要使用带有PIE的IE过滤黑客，例如：

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074a8',endColorstr='#006496',GradientType=0);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

Answer 5

当您尝试使用模糊时，CSSPie3不支持框阴影。这是不可能的。

相反，删除模糊，你的盒子阴影垫片将起作用。

请参阅此处了解资料来源：

http://css3pie.com/forum/viewtopic.php?f=3&t=991

http://css3pie.com/documentation/supported-css3-features/

不幸的是，PIE只支持box-shadow中的rgba opacity   没有模糊。

http://css3pie.com/documentation/suppor ... ures /＃rgba

通常可以通过简单地使用打火机来解决这个问题   你不透明的颜色的阴影。如果你想让其他浏览器使用   rgba，你可以使用-pie-box-shadow仅为PIE覆盖它。

Answer 6

尝试使用颜色的十六进制值表示法。在文档中，它说使用rgba表示法存在限制：

box-shadow: 0px 0px 13px #000;
filter: Alpha(Opacity=90);
opacity: 0.9;
behavior: url(/Pie.htc);

Answer 7

我遇到了同样的问题。 PIE根本不起作用，无论是htc，js还是php。问题在于我下载并解压缩的PIE文件夹上的Mac Server访问权限。它被设置为不允许每个用户访问。改变了对readonly的访问权限，现在它可以工作了！菜鸟错了。：）

Answer 8

不要将它与css3pie一起使用：

 filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#', endColorstr='#')";

我的问题解决了

CSS3 Pie不在All工作，尝试了一切

8 个答案: