0

我有一个 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-index 问题,但也许我做错了:)

我也遇到了边界半径未应用于我的锚标签的问题。

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

任何帮助是极大的赞赏!

4

2 回答 2

0

通过向 .htaccess 添加两行来解决问题:

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

查看文件后,我很快注意到(joomla)网站正在使用 mod rewrites。许多 joomla 站点利用生成搜索引擎友好 (SEF) URL 的插件。我只是将以上两行添加到我的 .htaccess 文件的底部并清除了我的缓存 - 问题解决了。

于 2013-06-26T02:22:57.270 回答
0

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

所以如果你把它放在你的根目录中,那么 CSS 将如下所示:

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

希望有帮助!

那样 PIE 有点恶心。

于 2013-06-26T00:59:21.540 回答