需要帮助为CSS3配置PIE.htc

Question

我发现使用PIE.htc会在使用框阴影时解决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); 

根据Documentation

  

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

参考图片：Image1    Image 2

Answer 2

给.shadow {position：relative}

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