4

我正在使用的网站 - 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..

获胜者是 pjumble：我正在使用 PIE.htc（PIE 2.0 beta 1）所以它需要这个文件 -PIE_IE678.js然后一切正常......非常感谢 pjumble！

4

1 回答 1

3

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

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

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

并且您的目录结构需要是：

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

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

于 2013-05-18T21:34:04.583 回答