Cufon:链接在悬停时改变大小并保持这种状态

时间:2010-05-17 13:36:07

标签: javascript css hyperlink cufon

我在段落中有文字链接,使用Cufon替换。 出于某种原因,当我将鼠标悬停在链接上时,它们中的文本会变得更宽,并且当我将光标移开时会保持这种状态。添加到css中的颜色更改会像人们预期的那样恢复。因此,据我所知,它并没有“停留”在悬停状态。

当我关闭javascript,禁用cufon时,悬停时字体只有颜色更改。关闭javascript后,悬停状态适用于颜色,但它没有宽度问题。

这发生在IE6,7& 8,以及Firefox,Safari和Chrome,这让我相信这个问题是Cufon在这个网站上的实施方式所特有的。

之前有人碰到这个吗? 我喜欢这里的帮助,但是如果我找到了原因,我会把它作为答案回复。

不幸的是,由于NDA,我无法发布链接或代码。

1 个答案:

答案 0 :(得分:0)

知道了。

有一节:

  

Cufon.defaultTextCufon = {fontFamily:   '专有字体',悬停:真实,   fontStretch:'semi-condensed'};   Cufon.linkTextCufon = {fontFamily:   '专有字体',悬停:真实   };

我的结论是,问题是默认文本被默认压缩而不是链接的结果,这就是为什么Cufon可以理解地给出了反直觉的结果,因为反直觉的配置。

我将其替换为:

  

Cufon.defaultTextCufon = {fontFamily:   '专有字体',悬停:真};

     

Cufon.linkTextCufon = {fontFamily:   '专有字体',悬停:真实   };

此后,默认情况下,所有字体都处于(略微)更宽的状态。 另一个选择是将“fontStretch:'semi-condensed'”添加到链接元素的decalration中,但实际上我发现该网站现在更好地匹配概念设计并且更具可读性,这是一个意想不到的奖励。

你可能已经猜到了,我没有在这个网站上实施cufon。希望这个页面能让别人头疼。