a:hover样式添加cufon后不影响

Question

在 HTML 中添加 cufon 之前，我有以下代码，该代码可以完美运行：

<div id="pageNumbers" class="fl">
<ul>
<li id="selected"><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
</ul>
</div> <!-- end pageNumbers -->


#pageNumbers a:hover
{
  color:#FFF;
  height:26px;
  width:27px;
  padding: 5px 12px 5px 11px;
}

但是在 HTML 中添加 cufon 后，它不起作用。问题是我怎样才能让cufon理解并应用我的风格？

提前致谢！

Answer 1

根据 Cufon API，hover 默认关闭以提高性能。因此，您需要为任何需要在悬停时以不同方式绘制的元素打开悬停。

这可以使用以下代码来完成：

Cufon.replace('#pageNumbers a', {
    hover: true
});