html - 在不移动下划线的情况下在 Y 轴上转换文本？

Question

当文本在 Y 轴上悬停 Y 像素时，我试图移动文本。更重要的是，我只想移动文本，不带下划线。有什么想法可以实现吗？

#blah:hover {
color:red;
transform: translateY(-20px);
}

http://jsfiddle.net/xUa8P/

Answer 1

这个怎么样？它不使用 transform，但完成相同的事情。

我们将文本向上移动一定量(在本例中为 3px)。为了防止“下划线”边框也向上移动，我们添加了相同数量的底部填充。

#blah:hover {
    position: relative;
    top: -3px;
    padding-bottom: 3px;
}

http://jsfiddle.net/c7LvB/