CSS опрокидывание - проблемы с зависанием? - PullRequest
2 голосов
/ 21 сентября 2011

У меня возникли проблемы с опрокидыванием ... надеюсь, вы мне поможете!

Я использую li-навигацию и хочу иметь отдельные поля, ссылающиеся на разные страницы.Эта часть хороша и работает как надо.Я хочу быть в состоянии навести курсор на поле и получить окно и ссылку изменить цвет.Я могу изменить окно без проблем, и ссылка меняется, когда вы наводите курсор на нее, но есть ли способ изменить их, когда вы просто наводите курсор на поле?Вот что у меня получилось:

#nav-menu ul{float: right; text-align: center;}

#nav-menu li{margin-right: 5px; list-style:none; padding-left: 1px; text-align: center; font-size: 14px;float:left; padding:0px 15px; width: 57px; position:relative;z-index:200; background: #000; color: #FFFFFF; font-family: georgia;}

#nav-menu li a{display: block; float: left; color:#fdf2e7;font-size:14px;text-decoration:none; text-align: center; padding:5px 0px 5px 0px; font-family: georgia;}

#nav-menu a:hover{display: block; color:#000000; text-align: center; background: #f3d5e1; text-decoration:none !important; font-family: georgia;}

#nav-menu:hover{display: block; color:#000000; text-align: center; background: #f3d5e1; text-decoration:none !important; font-family: georgia;}

-

Любая помощь будет принята с благодарностью.Спасибо!:)

1 Ответ

5 голосов
/ 21 сентября 2011

Используйте li:hover для нацеливания на элемент списка при наведении на него и используйте li:hover a для наведения на якорь, родительский элемент списка которого находится над.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...