ändern Hintergrundbild und a: Hover-Farbe von li

Question

Ich habe dieses Menü Schema:

<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> 

Mein LI ist float:left so die itens sind nebeneinander. Ich will, wenn ich den a:hover Hintergrund LI schwebe, und eine Farbe ändert.

diese Geige Siehe: http://jsfiddle.net/56wUm/

Wenn Sie nur auf li schweben, nicht die Verbindung Arbeit und die a nicht die Farbe ändern!

ty für Hilfe!

Answer 1

Wenn Sie noch Hilfe benötigen, würde ich empfehlen, das Padding zu einem Element in css statt li hinzuzufügen. Zum Beispiel so etwas: http://jsfiddle.net/MGRBS/2/

Auf diese Weise nimmt der Link den gesamten Block Platz, Viel Glück. : D

Answer 2

Sie sollten lieber CSS Sprites verwenden, um das zu tun. beziehen sich auf diese Links

vid link

http://css-tricks.com/css-sprites/

Answer 3

genau zu beheben, was los ist, müssen Sie ein ändern: Hover-Regel leicht:

ul li:hover a { color: #fff } 

See: http://jsfiddle.net/56wUm/4/

In Bezug auf die Benutzerfreundlichkeit denke ich, dass es besser wäre, wenn die Links das gesamte Menü in Anspruch nehmen würden Raum, ein großes Ziel zu machen.

Answer 4

Sie möchten etwas von diesem CSS vom A zum LI verschieben. Das Ziel ist es, das A gegen den LI zu stoßen, damit es keine Lücke gibt. Sie möchten nur die LI für ihre schwebende Eigenschaft verwenden, denken Sie an sie wie TDs in einer Tabelle. Sie sollten keinen eigenen Stil haben.