css - CSS颜色悬停错误

Question

我在顶部菜单中使用 Allegro 字体，当我将鼠标悬停在它上面时出现问题，Chrome 和 Safari 中颜色不显示全宽:( 您可以在此链接 http://preview.86solutions.com/fairpart上进行测试

Answer 1

我猜你的字体有问题。当您向元素添加更多 padding-right 时，它看起来很好。

.menu a {
color: black;
padding-right: 20px;
}

自己看：
为元素添加边框，它将在右侧切断。

Answer 2

在 chrome 和 IE 中看起来都不错。我不知道你现在使用的是什么版本，我已经在 chrome 19.0.1084.82 和 IE8 和 IE9 中检查了这个演示。我看过你的代码，一切看起来都很好。

但是，IE 不支持 font-family 继承属性。如果你仍然有问题，你应该像这样修改你的 style.css：

                .menu a:hover,.menu a:active  {
                     font-family: "Allegro"; /* because IE doesn't suprort inherit */ 
                 text-decoration:none;
                  color:#c4c04d;
                      }

希望能帮助到你 ！