PIE.htc-位置是正确的，但在IE中仍然没有CSS3效果

Question

我有一个div.outer，它包装了我的内容，并有一个渐变背景。我可以看到PIE.htc正在加载（它在index.html所在的根目录中），但没有发生CSS3效果。

.outer{
    height: 100%;
    position: relative;
    z-index: 0;
      background: #063A5F; /*fallback for non-CSS3 browsers*/
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#063A5F) to(#063A5F)); /*old webkit*/
      background: -webkit-linear-gradient(top, #4189CC, #063A5F); /*newer webkit*/
      background: -moz-linear-gradient(top, #4189CC, #063A5F); /*old gecko*/
      background: -o-linear-gradient(top, #4189CC, #063A5F); /*opera 11.10+*/
    background: linear-gradient(to bottom, #063A5F, #4189CC);
   -pie-background: linear-gradient(to bottom, #063A5F, #4189CC); /*ie 6-9 via PIE*/
    behavior: url(PIE.htc);

}

当前站点在这里可用

我尝试过z索引问题，但可能我做错了：）

我也有边界半径没有应用到我的锚标签的问题。

.btn{
    border-radius: 5px 5px 5px 5px;
    behavior: url(PIE.htc);
}

非常感谢您的帮助！

Answer 1

尝试将PIE.htc上传到根目录和/或在CSS中包含该文件的绝对URL。

因此，如果你把它放在根目录中，那么CSS会像这样：

.btn{
    border-radius: 5px 5px 5px 5px;
    behavior: url("http://yourdomain.com/PIE.htc");
}

希望能有所帮助！

PIE有点起鸡皮疙瘩。

Answer 2

通过向.htaccess:添加两行修复的问题

RewriteRule /PIE.htc$ PIE.htc [L]
AddType text/x-component .htc

看完文件后，我很快注意到（joomla）网站正在使用mod重写。许多joomla网站利用生成搜索引擎友好（SEF）URL的插件。我只是简单地将上面两行添加到.htaccess文件的底部，并清除了我的缓存——问题解决了。