无法让CSS3Pie正常工作

Question

我感觉自己很愚蠢，好像我遗漏了一些非常明显的东西，但我已经检查了很多东西，却找不出哪里出了问题。我正试着在ie8中使用CSS3pie创建圆角，但就是不起作用。

我设置了相对于html文档的路径，而不是css。它在一个名为pie的文件夹中，所以这就是我在CSS中使用的：

#recommended-acc {
float: left;
width: 472px;
background: url(../img/cont_bg.png) repeat;
margin: 10px;
padding: 0 10px 6px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
behavior: url(pie/PIE.htc);
border-radius: 5px;
border: 1px #d8d8d8 solid;
 }

有没有人知道更多关于css3派的信息，谁可以给我一些建议，看看我错过了什么？我在一大堆不同的元素上尝试过，但一次都没有成功。

Answer 1

下面是一些可以尝试的东西：

• 在路径中使用前导正斜杠：

行为: url(/pie/PIE.htc)；

这将确保路径是正确的，如果您在包含多个URI段的页面上，如http://example.com/pages/archives/mypage.html。对于前导正斜杠，它将相对于mypage.html而不是根目录(它应该是)。

• 试图通过将position:relative;或zoom:1添加到元素来强制hasLayout (模糊IE的事情)。这通常是问题所在，HTC文件被正确引用，但是没有它，样式就不能应用。

仔细阅读known issues页面，确保您没有遇到其他大量常见问题。

Answer 2

我在早年也遇到过这些问题。

您通常需要将pie.htc文件保存在项目文件夹的根目录中。

我知道下面的解决方案有点奇怪，但你可以试试

尝试在pie.htc文件中添加警报或控制台，并将该文件放在每个文件夹中，直到呈现它。

Answer 3

如何确保您的HTC文件加载..

1. 放在下面<script type="text/javascript"> alert("test");此警报测试当文件加载
2. 放入css文件中的完整url behavior: url("http://www.yourwebsite.com/test/PIE.htc"); when加载页面时，将显示警报：)
3. 这表示您确定文件已加载：)H29H110现在缩短D11，并确保您仍然收到警报H212H113删除警报=)

您现在可以100%确定它正在使用HTC文件