Список подменю совпадает с родительским списком?

Я сделал боковую панель с выдвижным подменю. Вот мой jsfiddle: http://jsfiddle.net/alh3168/UUMRM/1/.

Как я могу сохранить высоту выдвижного подменю (непрозрачного) до 100% при создании элементов списка в этом подменю относительно их предполагаемых элементов родительского меню. У AKA есть элементы подменю не в верхней части экрана. Я хочу, чтобы это выглядело так: http://perezweddings.com/blog/.

Может быть, мне нужно что-то изменить здесь?:

div.menu ul.second {
  position: fixed;
  left: 258px;
  top: 0;
  z-index: 10;
  display: none;
  width: 190px;
  background-color:rgba(0,180,180,0.3);
  bottom:0;
}

Спасибо!


javascript jquery css nav jquery-hover
person user3344592    schedule 28.02.2014    source источник
comment
Вы хотите, чтобы первый элемент подменю точно совпадал с родительским элементом, над которым вы наводите курсор?   -  person user1795832    schedule 28.02.2014
comment
Не обязательно быть точным, хотя это было бы идеально.   -  person user3344592    schedule 28.02.2014

Ответы (1)


arrow_upward
0
arrow_downward

Если вы хотите ТАКЖЕ, как предоставленная вами ссылка, просто добавьте padding-top:200px к ul.second. Именно это они и сделали.

person user1795832    schedule 28.02.2014
comment
Работает в jsfiddle, но не в Dreamweaver или в предварительном просмотре браузера. - person user3344592; 28.02.2014
comment
Должно. Если только не происходит что-то еще. Что-нибудь кроме того, что находится в вашем jfiddle? - person user1795832; 28.02.2014