навигация Fiddley - неупорядоченный список в неупорядоченном списке и цвет фона - PullRequest
Новая
       21

навигация Fiddley - неупорядоченный список в неупорядоченном списке и цвет фона

0 голосов
/ 12 января 2012

Я работаю над навигацией, которую можно увидеть здесь: http://jsfiddle.net/ybvF4/

Я уверен, что задавать два вопроса в одном - это против политики, но я боюсь, что если я сделаю это, решения могут не сработаться.

Две вещи, которые я хотел бы достичь:

  1. когда раскрывающееся меню наведено, я бы хотел, чтобы у заголовочных позиций ("sui generis" и "reclaimed wood") был зеленый фон, как и сейчас, но он заполняет до высоты твердого тела контур, который окружает навигацию.
  2. При наведении курсора я хотел бы, чтобы текст в элементах элемента списка заголовков был белым, без потери текущего состояния серого цвета при наведении на элементы строки в списке.

Надеюсь, я дал понять, что это довольно сложно описать в тексте, см. Ссылку jsfiddle

спасибо за любую помощь

1 Ответ

0 голосов
/ 12 января 2012

когда всплывающее меню наведено, я хотел бы, чтобы заголовки были ("sui generis "и" reclaimed wood "), чтобы иметь зеленый фон, как они делают сейчас, но это заполняет до высоты сплошного контура, который окружает навигацию.

Удалить это: 

nav .navigation {
    padding-bottom: 5px;
    padding-top: 5px;
}

Затем, на .navigation li a, добавьте display: block, чтобы padding: 5px; работал как положено.

http://jsfiddle.net/thirtydot/ybvF4/1/

Когда завис, я бы хотел, чтобы текст в элементах списка заголовков был белый, без потери эффекта текущего состояния наведения серого цвета подстроки в списке.

Добавить это: 

.navigation > li:hover > a {
    color: #fff;
}

http://jsfiddle.net/thirtydot/ybvF4/3/

Конечно, тогда пункты меню, у которых нет подменю, имеют белый фон и белый текст при наведении курсора. Я предполагаю, что это сделано намеренно из-за последнего правила в вашем CSS.

...