Цвет фона пунктов меню навигации

ОБНОВЛЕНИЕ: для ясности я добавил желтый цвет фона, чтобы увидеть, что «просвечивает» или «прозрачно»

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

http://jsfiddle.net/trevoray/VZ7qD/20/

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

Тревор

 .nav {
border-radius:4px;
box-shadow: 0 3px 4px #8b8b8b; 
 }

css
person trevoray    schedule 01.04.2013    source источник
comment
Сделать цвет фона какого элемента белым?   -  person woz    schedule 01.04.2013
comment
Где прозрачность?   -  person Siamak A.Motlagh    schedule 01.04.2013
comment
Я не вижу проблемы в вашей скрипке, но цвета фона CSS сделаны так background-color:#FFFFFF - w3schools.com/cssref/pr_background-color.asp   -  person David Starkey    schedule 01.04.2013
comment
Я хочу, чтобы кнопки навигации были белыми, а не прозрачными. Но мне нужно сохранить нижний цвет каждой кнопки навигации.   -  person trevoray    schedule 01.04.2013


Ответы (1)


Вам нужно установить background-color в следующем классе CSS

.nav > li 
{
   background-color:white;
}

Пример скрипта JS

person Sachin    schedule 01.04.2013
comment
Благодарность! Я думал, что это испортит настройку градиента фона, но сначала надо было попробовать. Ага. - person trevoray; 01.04.2013
comment
как насчет прозрачности между каждым выпадающим меню? - person trevoray; 01.04.2013
comment
Для этого вам нужно удалить нижнее поле из класса li's (.nav li > ul > li). посмотрите jsfiddle.net/VZ7qD/25. Adrift также упомянул то же самое. - person Sachin; 01.04.2013
comment
да, но тогда это создает более жирную сплошную линию между двумя элементами списка. Мне нравится интервал между элементами списка. - person trevoray; 01.04.2013
comment
Я понял. Мне пришлось добавить класс в каждое подменю UL и задать этому UL белый цвет фона. - person trevoray; 01.04.2013