Cufon 文字不出现 IE8答案

【问题标题】：Cufon text not appear IE8Cufon 文字不出现 IE8
【发布时间】：2012-09-06 00:09:04
【问题描述】：

网址http://www.sydneybeeandwaspremoval.com.au 它在 IE9 和 Chrome 等中运行良好。但在 IE8 中它并没有像预期的那样运行，在 IE7 中它也能正常运行。

但基本上顶部导航菜单都是使用 cufon 的自定义字体，第一级链接工作正常，但是第二级链接被适当替换为 cufon 画布和 cufontext 但是你看不到它，我已经检查了元素发现位置是正确的，我也尝试删除所有背景图像并更改颜色以防万一，但这也没有帮助，就好像它隐藏了可见性但我找不到任何可能导致它的 CSS。任何想法建议或经验将不胜感激。

【问题讨论】：

你还有什么理由还在使用cufon？ @font fact 现在可以在所有主流浏览器中使用，并且更加可靠。
不幸的是购买的模板，只包含js而不是字体文件
啊，这是一个很好的理由。祝你好运！

标签： html css internet-explorer-8 cufon

【解决方案1】：

这里讨论了这个错误：http://drupal.org/node/834636

问题是，带有visibility: hidden 的隐藏元素无法在 IE8 中由 Cufon 正确呈现。那么解决方案就是将visibility属性替换为display属性。

在您的 templates/theme484/css/template.css 文件中，将第 431 行替换为此：

.menu-nav li ul { position: absolute; top: 44px; left: -14px; z-index: 100; width: 300px; display: none; }

并将第 433 行替换为：

.menu-nav li.parent:hover ul { display: block; }

【讨论】：

感谢您的详细回答，我一直在寻找合适的解决方案和诸如此类的原因，因此感谢您=]

【解决方案2】：

基兰，

如果在 ie7 中一切正常，一种解决方案可能是强制 ie8 以兼容模式运行您的网站。在页面的

中：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

此外，您可以通过执行以下操作将 ie8 定位为仅在兼容模式下运行：

<!--[if IE 8]>
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<![endif]-->

祝你好运。

【讨论】：