Меню и слайдер

Голоса: +1

у меня слайдер на сайте налазиит на меню, как сделать чтобы он не налазил?

Адрес сайта http://program-useful.ucoz.ru/
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ
Для меню надо применить z-index http://htmlbook.ru/css/z-index
| Автор:
Выбор ответа лучшим | | Автор: Alex Zaichenko
а можно мне помочь в этом?
Перейти в Таблицу стилей CSS, далее найти строку номер 293 и заменить на:
#top .uMenuRoot li {
 z-index: 10;
 float: left;
 position: relative;
 list-style: none !important;
 -webkit-transition: all 0.1s 0s ease-out;
 transition: all 0.1s 0s ease-out;
}

Я здесь добавил параметр -  z-index: 10; который поможет корректно отображать подпункты меню чтобы их не перекрывал слайдер.
Теперь появилась другая проблема...
http://program-useful.ucoz.ru/bezymjannyj.png
да, верно, там лишний z-index, найдите там же в таблице стилей строку номер 271:
#top .uMenuRoot ul {
 margin: 0;
 padding: 0;
 min-width: 100%;
 list-style: none;
 position: absolute;
 width: 0;
 z-index: 1;
 left: 0;
 top: 100%;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.2s 0.15s ease-out;
 transition: all 0.2s 0.15s ease-out;
 white-space: nowrap;
 background: #515151;
 overflow: hidden;
}
 z-index: 1; замените на -  z-index: 10;
Заменил  z-index: 1; на z-index: 10; и ничего не произошло...
Не вижу чтобы вы что-то туда добавили так как стили и остались старыми, после внесения изменения - Сохранить и далее на главной странице пару раз выполнить комбинацию клавиш CTRL+F5 чтобы обновить кеш.

С моей стороны, проверив все корректно работает - http://i.imgur.com/dU62iXU.png
Странно я почистил кеш в браузере, выполнял комбинацию клавиш CTRL+F5,  проверил так же как и на картинки http://i.imgur.com/dU62iXU.png. Но все равно нечего не изменилось...
Вы не сохранили z-indez:10; как вы увидите изменения, вы примените, после уже проверяйте.
Вот я сохранил, но изменений нет.
http://program-useful.ucoz.ru/snimok.png
и что мне делать?
со строки 293 z-index удалить  я выше еще об этом писал:
#top .uMenuRoot li {
 z-index: 10;
 float: left;
 position: relative;
 list-style: none !important;
 -webkit-transition: all 0.1s 0s ease-out;
 transition: all 0.1s 0s ease-out;
}
...