好的,我整天在Google上搜索,阅读并尝试了所有建议,但似乎没有任何效果! 我有这个:

<style>
   .riga a {
  color:#383838;
   }
   .riga a:hover {
      color:#931015;
   }
</style>    


<a href="news2.html" rel="shadowbox;width=470;height=350">
   <span class="title cub">Lorem ipsum</span>
   <span class="text cul">dolor sit amet</span>
</a>

其中cub是粗体字体,而cul是浅色字体

显然,对的悬停效果不起作用,因此我尝试使用以下方法进行控制:

Cufon.replace('.riga a .title', { fontFamily: 'hell_bd', hover: true,  hoverables: { span: true }, hover: {color: '#931015'}  });
Cufon.replace('.riga a .text', { fontFamily: 'hell_lt', hover: true,  hoverables: { span: true }, hover: {color: '#931015'} });

而且效果有效,但仅将单个跨度悬停在“标题”或“文本”上,而不覆盖<a> ...

将鼠标悬停在<a>之外的对象上或直接悬停在<a>上的效果非常好! 所以我的问题是:
如何通过<a>对其内部的对象进行悬停效果?

感谢您的帮助!

===============>>#1 票数:0

我认为您需要在css中设置悬停颜色(就像您正在做的那样),而不是在javascript中。 您也可以尝试通过以下方式定义cufon:

Cufon.replace('.riga a', { fontFamily: 'hell_bd', hover: true,  hoverables: { span: true }  });
Cufon.replace('.riga a .text', { fontFamily: 'hell_lt', hover: true,  hoverables: { span: true } });

  ask by d8ressa translate from so

未解决问题?本站智能推荐:

5回复

Cufon - 悬停效果和活动菜单项的问题

我用cufon字体创建了一个菜单。 我决定在菜单项上应用以下样式: 正常:灰色文字 悬停:黑色文字 活动:红色文字 问题是,将(红色)活动菜单项悬停,结果将其变回灰色(并使其看起来像任何其他“普通”菜单项)。 我不明白为什么,你能帮我解决一下吗?
1回复

找不到悬停Cufon

我对Cufon有问题,我有一个列表,但有一个来源,但也将鼠标悬停在其他来源上,这可能吗? 示例: http : //jsfiddle.net/ykbxm/
1回复

Cufon + jQuery悬停不起作用

好吧,这是问题所在: 我正在使用jQuery和Cufon构建网站 。 我在与.hover()一起使用jQuery的.hover()函数时遇到问题。 当我将鼠标悬停在Cufon的文字上时,什么也没发生。 重要的代码是: 和 通过查看以上链接的源,可以看到其余的代码。
2回复

Cufon H2在div悬停

我在div内有h2标签,我需要在div悬停时更改颜色,如果关闭cufon,则h2标签的颜色会很好,但是打开cufon时,它不会更改颜色。 这是我的代码: 库方 的CSS 码 示例URL: http ://dev.splished.360southclients.c
1回复

cufon悬停状态停留

马上,我只想预先感谢任何喜欢鸣叫的人。stackoverflow使我对人性有了更好的了解。 问题:我有一个“单页”网站,主要内容通过ajax重新加载,但导航栏和页脚保持不变。 我在导航和Jquery中使用Cufon字体将“当前”类附加到当前链接。 由于某些原因,即使在删除当前类并将其添
2回复

li的动作缓慢:与Cufon悬停

编辑:发现即使没有应用Cufon也会发生这种情况! Edit2:不好,看来Cufon正在创造缓慢的世界。 但是,删除用Cufon替换menuwrapper字体样式的行仍然会导致响应缓慢。 因此,将cufon应用于列表本身似乎没有任何关系。 嗨,我正在使用Cufon将自定义字体“嵌入
1回复

在父元素上悬停的Cufon

这就是我所拥有的: http : //thezoomer.net/clubroyale/ 我在.nav-item中的a元素上应用了Cufon 这就是我菜单里的东西 这就是我在CSS里面的内容 显然,我希望CSS悬停工作。 我知道它在这种状态下不起作用,因为Cufo
7回复

Cufon悬停在鼠标移出时停留在悬停状态

http://www.basenharald.nl/3d 将鼠标悬停在按钮上。 我想要的是Cufon文本更改为#e90c00。 由于某些原因(有时),当我将鼠标移离按钮时,它保持为#e90c00。 这是我使用的代码: 有谁知道我该如何解决?
1回复

a:悬停样式在添加cufon后不会影响

在HTML中添加cufon之前,我有以下代码完美运行: 但是在HTML中添加cufon后它无法正常工作。 问题是如何让cufon理解并运用我的风格? 提前致谢!
1回复

鼠标移出后,cufon悬停停留在悬停状态。

我相信这可能是用户在cufon中使用悬停时最常遇到的问题之一。 此外,可能有大量的解决方案,但我试图无济于事。 请帮我。 我遇到麻烦的网站是[[here]] 我也尝试了几次使用Cufon.refresh()刷新cufon的尝试。 悬停仍然无法正常工作。 有另一种解决方案还是我错