需要帮助为 CSS3 配置 PIE.htc

Question

我发现使用 PIE.htc 将有助于解决 IE7-8 在使用 box shadow 时出现的问题。

我完全按照他们在官网上的解释做了：http://css3pie.com/

但我无法让它在 IE7 和 IE8 上运行：

这是我的代码：

.shadow {
    behavior: url(PIE.htc);
    width: 200px;
    height: 200px;
    border: 1px solid #696;
    text-align: center; 
    -webkit-box-shadow: #666 0px 0px 5px;
    -moz-box-shadow: #666 0px 0px 5px;
    box-shadow: #666 0px 0px 5px;
    background: #EEFF99;
}
<div class="shadow">
    Example
</div>

Answer 1

只需将您的 PIE.htc 文件放在您放置 html 的同一目录中，希望它会起作用。

behavior: url(PIE.htc); 

根据Documentation

当然，您需要调整路径以匹配您在第 2 步中上传 PIE.htc 的位置。注意：此路径是相对于正在查看的 HTML 文件的，而不是调用它的 CSS 文件。

参考图片：Image1 Image 2

Answer 2

给 .shadow{ 位置：相对}

为了让 PIE 正常工作，通过 CSS 给它一个位置。