Cufon文字没有出现IE8

时间:2012-09-06 00:09:05

标签: html css internet-explorer-8 cufon

网址http://www.sydneybeeandwaspremoval.com.au 它在 IE9 和Chrome等中运行良好。但是在 IE8 中它不能正常工作,在 IE7 中它也能正常工作。

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

2 个答案:

答案 0 :(得分:1)

此错误在此处讨论:http://drupal.org/node/834636

问题是,Cufon在IE8中没有正确呈现visibility: hidden的隐藏元素。然后解决方案是替换visibility属性的display属性。

在您的templates/theme484/css/template.css文件中,将第431行替换为第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; }

答案 1 :(得分:0)

基兰,

如果一切都在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]-->
祝你好运。