html - 更改背景图像和 :hover color of li

Question

我有这个菜单架构:

<nav>
    <ul>
        <li><a href="index.asp">home</a></li>
        <li><a href="colecao.asp">coleção</a></li>
        <li><a href="tecnologia.asp">downloads</a></li>
        <li><a href="contato.asp">contato</a></li>
    </ul>
</nav>

我的 LI 是 float:left 所以，itens 是并排的。我希望当我将鼠标悬停在 a:hover 上时，我的背景 LI 会发生颜色变化。

看到这个 fiddle :http://jsfiddle.net/56wUm/

如果您仅将鼠标悬停在 li 上，则链接不起作用，并且 a 不会更改颜色!

寻求帮助!

Answer 1

如果您仍然需要帮助，我建议将填充添加到 css 中的 a 元素而不是 li 中。例如这样的:http://jsfiddle.net/MGRBS/2/

这样链接就占据了整个 block 空间，祝你好运。 :D