|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Выпадающее меню и z-index |
Выпадающее меню и z-index |
Адрес сайта: 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 пункта, которые не видны, на данный момент. Спасибо за советы. |
найдите строчку
Цитата 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 и сохраните. так ваше меню будет над тем что вы называете слайдером |
hivintek, панель управления - дизайн - управление дизайном - таблица стилей css
|
webane, копипаст - враг человечества. Пока руками не ввел - никакого результата.
Остался вопрос номер 1 - почему менюшка так видоизменилась, ведь css не менялся, остался базовым, а, согласно новостям - в ucoz добавили возможность создания менюшек выплывающих, без заморочек. Добавлено (09 Дек 2015, 19:49:01) |
Помогите плиз. Не могу сообразить в чем дело!!!
Вот страничка http://xalyava.tv/filmy/dikaja/51-1-0-5132 При воде в поиск "Защи" выпадает список фильмов, но поверх него звезды, а в самом низу еще и даты от комментариев. DIV выпадающего окна имеет z-index 4400, а звезд 290, но звезды почему то все равно сверху. Спасибо |
| |||
| |||