CSS3 + HTML5SHIV + CSS3PIE Border-radius 不适用于 IE8，但适用于 IE7、9、10

Question

我正在使用的网站 - http://www.quickseorankings.com/dev/，其构建方式：

• 推特引导
• HTML5 + CSS3
• HTML5SHIV
• CSS3PIE

问题： 导航栏链接（活动）的边框半径在 IE8 上不起作用，即使使用 CSS3PIE。但它适用于 IE7、9、10（使用 browserstack 进行测试）

CSS 位置： /css/
CSS3PIE HTC 文件位置： /root/ 相同位置作为我的 index.html

HTC 编码为： behavior: url(PIE.htc);

---

修复尝试 #1： behavior: url(/PIE.htc); 和 behavior: url(../PIE.htc);
甚至尝试使用 php - behavior: url(PIE.php); behavior: url(/PIE.php);

修复尝试 #2添加 Htaccess：AddType text/x-component .htc

修复尝试 #3 使用：http://fetchak.com/ie-css3/ - 它实际上是一个 HTC 解决方案，但与 CSS3PIE 不同的方法。仍然没有工作..

修复尝试 #4 添加：-pie-border-radius: 10px; 不工作。

修复尝试 #5 添加：position:relative !important; zoom:1; z-index:0 !important 没什么...

---

在这个论坛上进行了其他修复，仍然没有工作..非常感谢您的帮助！

ScottSimpson 的修复建议： 隔离测试，使用没有 TBS 的纯 html，这里是页面测试 - http://www.quickseorankings.com/pie/ 顶部按钮上的那些是 CSS3PIE（不工作）。 . fetchak ie-css.htc 的底部按钮非常有效.. 现在，这导致我们接近我的问题.. 问题是，TBS 是否导致 .htc 无法正确加载？还是 TBS 覆盖它？但我做到了，！对价值观很重要..hmmmm..

WINNER IS pjumble：我正在使用 PIE.htc (PIE 2.0 beta 1)，所以它需要这个文件 - PIE_IE678.js 然后一切正常...非常感谢 pjumble！

Answer 1

您正在使用 PIE 2.0 测试版，PIE 2.0 的 .htc 文件只是加载外部 javascript 文件 PIE_IE678.js。您需要将PIE_IE678.js 上传到您的服务器，然后通知 PIE javascript 文件所在的位置。

最简单的方法是将PIE_IE678.js文件添加到与PIE.htc相同的目录，然后在你的css文件中使用absolute指向PIE.htc文件的URL，例如：

behavior: url('http://www.quickseorankings.com/dev/PIE.htc');

你的目录结构需要是：

quickseorankings.com/
   dev/
      PIE.htc
      PIE_IE678.js

注意：不要手动加载任何 PIE .js 文件，.htc 文件会为您加载额外的 javascript 文件。