11

如何在用 Cufon 替换的文本下划线?

4

3 回答 3

20

text-decorationCufon 不支持:
https ://github.com/sorccu/cufon/wiki/known-bugs-and-issues

也许您可以border-bottom使用普通 CSS 向元素添加属性?

于 2010-07-23T12:41:33.260 回答
13

Cufon 将一个类添加到它创建的元素中,您可以设置样式(如果您的包含元素具有填充/边距,则很有用)。所以对于一个链接,只需使用这个:

a .cufon {border-bottom: solid 1px #000000}
a:hover .cufon {border-bottom: none}

为了防止您的元素向上/向下移动,请为非悬停状态添加边框,或相应地调整两个元素的高度......

于 2011-01-25T21:43:41.587 回答
1

不过要注意。为 cufon 类添加边框底部非常难看。

我最好避免在您的设计中为这些字体添加下划线。它在 Photoshop 中可能看起来不错,但不要向您的客户展示。它在 HTML/CSS 中效果不佳。

于 2011-12-16T10:55:28.443 回答