Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Выпадающее меню и z-index
Выпадающее меню и z-index
hivintek
Сообщений: 14
Репутация: 0

Сообщение # 1 | 18:38:49
Адрес сайта: http://hivintek.ucoz.net/
Здравствуйте имеются 2 вопроса по сайту:
1. После того, как сделал вертикальное раскрывающееся меню - потерялся стиль оформления самого меню. Как исправить?

Цитата
/* Site Menus */

ul.uMenuRoot > li > a {
font-size: 100%;
text-decoration: none;
display: block;
color: #000;
padding: 0 20px;
margin: 0 0 0 0;
line-height: 50px;
}

nav li:hover > a, ul.uMenuRoot > li > a:hover, ul.uMenuRoot > li > .uMenuItemA {
background: url('/.s/t/1254/5.png') no-repeat center top transparent;
}

.show-menu {
z-index: 1;
position: absolute;
top: 30px;
right: 30px;
width: 50px;
height: 20px;
cursor: pointer;
background: #1c7372;
display: none;
color: #fff;
text-align: center;
font-size: 80%;
padding: 5px 10px;
font-weight: bold;
}
.show-menu:hover {background: #e5e5e5;color: #000;}
/* --------- */

2. Выпадающее меню перекрывается слайдером. Как я понимаю - z-index работает только в рамках одного css файла, но у меня отдельные файлы css для слайдера и стандартный css для меню. В css слайдера полнейший хаос с z-index'сами, голову ломать не стал, менять тоже побоялся. Как поправить и сделать выплывающее меню на передний план?
В категории "Продукция", есть еще 2 пункта, которые не видны, на данный момент.
Спасибо за советы.
webanet
Личный менеджер
Сообщений: 23225
Репутация: 4879

Сообщение # 2 | 18:53:10
найдите строчку
Цитата
nav ul ul{
background: none repeat scroll 0 0 #F5F5F5;
left: -1px;
opacity: 0;
position: absolute;
text-align: left;
top: 100%;
transition: all 0.2s ease-out 0.15s;
visibility: hidden;
white-space: nowrap;
z-index: 1;
}

выделенное красным замените на 500 и сохраните. так ваше меню будет над тем что вы называете слайдером

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
hivintek
Сообщений: 14
Репутация: 0

Сообщение # 3 | 19:08:22
webane, ни в одном из css, что доступны мне, нет такой строчки.
webanet
Личный менеджер
Сообщений: 23225
Репутация: 4879

Сообщение # 4 | 19:37:18
hivintek, панель управления - дизайн - управление дизайном - таблица стилей css

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
hivintek
Сообщений: 14
Репутация: 0

Сообщение # 5 | 19:49:01
webane, копипаст - враг человечества. Пока руками не ввел - никакого результата.

Остался вопрос номер 1 - почему менюшка так видоизменилась, ведь css не менялся, остался базовым, а, согласно новостям - в ucoz добавили возможность создания менюшек выплывающих, без заморочек.

Добавлено (09 Дек 2015, 19:49:01)
---------------------------------------------
С меню сам разобрался, пардон за беспокойство.

SRP-Design
Сообщений: 38
Репутация: 12

Сообщение # 6 | 15:18:07
Помогите плиз. Не могу сообразить в чем дело!!!
Вот страничка http://xalyava.tv/filmy/dikaja/51-1-0-5132
При воде в поиск "Защи" выпадает список фильмов, но поверх него звезды, а в самом низу еще и даты от комментариев.
DIV выпадающего окна имеет z-index 4400, а звезд 290, но звезды почему то все равно сверху.
Спасибо
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Выпадающее меню и z-index
Страница 1 из 11
Поиск: