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);

}

当前网站为available here

我已经尝试过z-index问题，但也许我做错了：）

同样存在border-radius未应用于我的锚标签的问题。

.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文件的底部并清除了我的缓存 - 问题解决了。

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

2 个答案: