将鼠标悬停在内联菜单中：之前

Question

我正在尝试为所有内联菜单设置默认悬停效果，但悬停效果并未涵盖完全“li a”元素。 我把下面的代码用来说明问题。 http://jsfiddle.net/yWqK4/

Answer 1

您正在将<a>标记修改为block，并执行所有其他不必要的操作。

您唯一需要做的就是更改元素的背景颜色。 用以下内容替换用于悬停效果的CSS：

.Menu li a:hover {
    background-color: rgba(0,0,0,0.3);
}

它按预期工作。见http://jsfiddle.net/muNFY/

Answer 2

您不需要使用:before来获得理想的结果。修复了这里的旅行风格http://jsfiddle.net/yWqK4/2/