2012-03-12 2 views
1

, когда я создаю список ссылок и даю этим ссылкам a: hover state, я хочу, чтобы вся ссылка, включая маркер, указывала на зависание. Но что из-за того, что мой список имеет определенную ширину, которая шире, чем As, LIs выбирают: наведите курсор и измените цвет до того, как делаете. Это выглядит грязно! Как это:Ссылки в списках - получение согласованного эффекта: hover

http://jsfiddle.net/NgWLR/

Посмотрите, что я имею в виду? Это как A & LI - отдельные объекты, запускающие в разное время.

Если я попробую добавить дисплей: блок к стилю, все, что я получаю, это странные проблемы с отображением в Firefox & небольшое улучшение в других браузерах, но это, безусловно, не решает проблему.

я могу изменить список-стиль-типа нет, и поставить: перед тем пулевой лицом на моих Lis, например, так:

http://jsfiddle.net/tScnS/2/

И это, кажется, работает хорошо, в Safari & Firefox на по крайней мере, но в качестве решения кажется грубым/беспорядочным/вряд ли будет поддерживаться во всех браузерах.

Кто-нибудь знает «пуленепробиваемый» (hah!) Способ заставить это работать, или я должен просто идти вперед и реализовывать в виде второго стиля JSfiddle-list-none-bullet: раньше? Спасибо!

ответ

3

Вы можете использовать li:hover a вместо a:hover стилизовать ссылку, например: http://jsfiddle.net/NgWLR/2/

PS: Пожалуйста, удалите удалить несвязанный код при показе примеров.

+0

Извините за дополнительный код, и спасибо, это ясное и простое исправление, которое я искал! – Ila