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

我有一个div.outer包装我的内容，并有一个渐变背景。我能够看到PIE.htc被加载（它位于index.html所在的根目录中），但是没有发生CSS3效果。PIE.htc - 位置是正确的，但在IE中仍然没有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的问题，但也许我做错了:)

而且是有边框圆角问题没有被应用到我的锚标签。

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

任何帮助，非常感谢！

来源

2013-06-26 Todd

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

所以，如果你把它放在你的根目录下，然后在CSS是这样的：

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

希望帮助！

PIE有点像这样。

来源

2013-06-26 00:59:21 Cynthia

我做了这个调整，很遗憾在IE中仍然没有CSS3的优点。我没有将IE开发工具中注册的地址复制并粘贴到新窗口中。这确实是正确的，因为[link]（http://www.edpacheco.com/PIE.htc）在这里展示[/ link]。谢谢你的建议，辛西娅。 – Todd

问题固定加两行的.htaccess：

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

查看该文件后，我很快就注意到了（的Joomla）的网站使用国防部重写。许多joomla网站利用生成搜索引擎友好（SEF）URL的插件。我只是将上述两行添加到我的.htaccess文件的底部并清除了缓存 - 问题已解决。

来源

2013-06-26 02:22:57 Todd

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

回答

相关问题