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

当前站点是 available here

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

我还遇到了 border-radius 未应用于我的 anchor 标记的问题。

.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 有点傻。