css - Cufon 在 IE 中不工作——一个 CSS 问题

Question

我遇到了最奇怪的问题。我正在使用 Cufon 为 Wordpress 构建主题。 Cufon 在 Chrome 和 Firefox 中完美运行，但我无法在 IE 中呈现它，因此，由于我仍在开发中，我将问题搁置一旁，稍后再处理。

昨天的某个时候，我正在摆弄主题中的其他 CSS 元素。后来，我在 IE8 中打开主题来测试对齐，哇哦，Cufon 已经开始工作了。我不确定为什么，因为我已经更改了相当多的 CSS，但是嘿 - 只要它有效。

然后，我愚蠢地覆盖了我的旧 CSS 代码，恢复到我编辑之前的状态，Cufon 又坏了。由于一开始我不知道我做了什么来修复它，所以我陷入了困境，但现在我知道这是可以完成的。

我用谷歌搜索了又搜索，但似乎找不到任何理由说明为什么会出现这种情况。 CSS 验证。 HTML 验证。 Firefox 错误控制台在页面加载时未显示任何错误。这似乎是一个 CSS 问题，因为这是唯一更改的文件。

如果有任何不同，我正在构建 Wordpress 3.0。

我将 Cufon 嵌入到每个页面的页眉中:

    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/cufon-yui.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/Yanone_Kaffeesatz_Rg_400.font.js"></script>
<script type="text/javascript">
    Cufon.replace('h2.posttitle');
    Cufon.replace('#topnav > ul > li');
    Cufon.replace('.rightwidget > h2');
    Cufon.replace('.footerrightli > h2');
    Cufon.replace('.footerleftli > h2');
    Cufon.replace('.footermiddleli > h2');
    </script>

开发站点在这里:[链接已删除]

我当然希望得到一些帮助。有人有什么想法吗？

Answer 1

您可能需要 IE 的 Sizzle Selector 实用程序，它与 Cufon 协同工作，因为您的所有替换都是非基本字符串(如 H2、li).