CSS颜色悬停错误

Question

我使用Allegro字体作为顶级菜单并遇到问题当我将鼠标悬停在其上时，Chrome和Safari中的颜色不显示全宽 :( 你可以在这个链接上测试 http://preview.86solutions.com/fairpart

Answer 1

我猜你的字体有问题。 当你向元素添加更多填充权时，它看起来很好。

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

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

Answer 2

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

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

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

希望它有所帮助！