【问题标题】:Cufon: links change size on hover and stay that wayCufon:链接在悬停时改变大小并保持这种状态
【发布时间】:2010-05-17 13:36:06
【问题描述】:

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

当我关闭 javascript 并禁用 cufon 时,悬停时字体只会发生颜色变化。关闭 javascript,悬停状态适用于颜色,但不存在宽度问题。

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

以前有人遇到过这种情况吗? 我很想在这里提供帮助,但如果我找到原因,我会将其作为答案发回。

很遗憾,由于保密协议,我无法发布链接或代码。

【问题讨论】:

  • 我怀疑活动链接和悬停链接应该存在填充差异。

标签: javascript css hyperlink cufon


【解决方案1】:

知道了。

有一段:

Cufon.defaultTextCufon = { fontFamily: '专有字体',悬停:真, fontStretch: '半压缩' }; Cufon.linkTextCufon = { fontFamily: '专有字体',悬停:true };

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

我将其替换为:

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

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-09-27
    • 1970-01-01
    • 2011-09-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-08
    相关资源
    最近更新 更多