6

我正在尝试应用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 时，我看到行为命令与下一个命令在同一行，尽管语法是正确的

4

8 回答 8

9

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

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

它会正常工作。

于 2012-05-28T10:46:04.883 回答
6

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

于 2012-01-25T05:47:42.523 回答
3

CSS3PIE 将其生成的元素放置为您正在设置样式的元素的同级元素，z-index 值为 -1。您可能看不到结果，因为它位于文档中其他元素的后面。尝试将您正在样式化的元素包装在具有独立 z-index 的定位容器中。希望这可以帮助！

于 2012-08-01T07:49:55.470 回答
2

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

假设 DIR "pie" 是相对于您的 "root" 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+);
于 2015-04-10T11:55:39.083 回答
1

当您尝试使用模糊时，CSSPie3 不支持 box-shadow。这是不可能的。

相反，去除模糊，你的盒子阴影垫片就会起作用。

请参阅此处获取来源：

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

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

不幸的是，如果 PIE 没有模糊，PIE 仅支持 box-shadow 中的 rgba 不透明度。

http://css3pie.com/documentation/support ... ures/#rgba

通常可以通过简单地使用较浅的不透明颜色来解决此问题。如果你想让其他浏览器使用 rgba，你可以使用 -pie-box-shadow 来覆盖它，仅用于 PIE。

于 2012-05-21T11:34:42.317 回答
0

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

box-shadow: 0px 0px 13px #000;
filter: Alpha(Opacity=90);
opacity: 0.9;
behavior: url(/Pie.htc);
于 2012-01-17T10:31:39.463 回答
0

我有同样的问题。PIE 根本不起作用，无论是 htc、js 还是 php。问题在于我下载并解压缩的 PIE 文件夹的 Mac 服务器访问权限。它被设置为每个人都无法访问。将访问权限更改为只读，现在它可以工作了！菜鸟失误。:)

于 2013-07-11T22:03:11.893 回答
0

不要将其与 css3pie 一起使用：

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

我的问题解决了

于 2018-03-30T17:46:35.027 回答