css - 改变大小的字形

Question

我正在尝试在网页上排列一些字形图标，这些字形图标在单击时最终会包含链接。我希望它们在光标触摸时改变颜色，但无法弄清楚为什么在我目前的尝试中它们的大小似乎都发生了如此大的变化。 (我不介意他们稍微改变尺寸)。请看 fiddle 。 http://www.bootply.com/Z8TAzgPwLb

Answer 1

通过添加 padding您正在修改处于悬停状态的元素的大小。通过设置其相对位置来更正偏移量:

#glyphicon:hover, .glyphicon:focus {
    color: #FFFFFF;
    background-color: #808080;
    padding: 20px;
    position:relative;
    top:-20px;
}

这应该让你继续。您仍然需要更正 <h4> 的位置元素，与上述并行。