需要帮助为CSS3配置PIE.htc

Question

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

我照他们在官方网站上解释的那样做了： 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); 

根据文档

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

参考图像： Image1 图像2

Answer 2

给.shadow {位置：相对}

为了使PIE正常工作，请通过CSS为其指定位置。