изменить фоновое изображение и: парить цвет 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> 

My LI является float:left так, что itens бок о бок. я хочу, когда я наведите a:hover на мой фон LI и изменится цвет.

Смотрите эту скрипку: http://jsfiddle.net/56wUm/

Если навести только на li, ссылка не работают и a Dont изменить цвет!

ty для справки!

Answer 1

Если вам по-прежнему нужна помощь, я бы предложил добавить дополнение к элементу css, а не к li. Например, примерно так: http://jsfiddle.net/MGRBS/2/

Таким образом, ссылка занимает все пространство блока, удачи. : D

Answer 2

Вы должны предпочесть использование CSS-спрайтов, чтобы это произошло. обратитесь к этим ссылкам

vid link

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

Answer 3

Чтобы исправить то, что происходит, вам необходимо изменить: с немного правила парения:

ul li:hover a { color: #fff } 

См: http://jsfiddle.net/56wUm/4/

Однако, с точки зрения удобства использования, я думаю, вам будет лучше делать ссылки на все меню пространство, создавая большую цель.

Answer 4

Вы хотите переместить часть этого CSS из A в LI. Цель состоит в том, чтобы заставить А прижать прямо против LI, чтобы не было пробела. Вы просто хотите использовать LI для своего плавающего свойства, подумайте о них как TD в TABLE. У них не должно быть собственного стиля.