0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 1364 Просмотров
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Сайт на Joomla! 3.2.3, шаблон от YOOtheme Master 2
Нужно создать dropdown navbar такого вида
http://bit.ly/1n2gwtr
Получил такой вид используя стили
1. Плашка меню
Спойлер
[свернуть]
2. Выпадающее меню ( z-index: -1; прячет под плашку)
Спойлер
[свернуть]
3. Прячем контент под меню (z-index: -1000;)
Спойлер
[свернуть]

Но проблема в том, что после этого выпадающий список перестает быть кликабельным?
Помогите разобраться.
Пациент:
http://teplosvit.bl.ee/
*

alex38ann

  • Захожу иногда
  • 204
  • 7 / 0
  • www.sn38.ru
Re: Корректное использование z-index
« Ответ #1 : 09.04.2014, 12:15:47 »
.brgnd-nav2 {z-index: 9;}
.uk-dropdown-navbar {z-index: 8;}
.ts-content {z-index: 7;}
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Re: Корректное использование z-index
« Ответ #2 : 09.04.2014, 12:23:29 »
alex38ann
Не работает (не прячется под плашку меню)
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Корректное использование z-index
« Ответ #3 : 09.04.2014, 13:06:22 »
может не в тему, но если
Код
.uk-dropdown-navbar {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #444444;
    margin-top: 12px; --- опустить
    z-index: -2; отрицательное значение - все получается, только прячет не только под меню, но и под основной блок
}
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Re: Корректное использование z-index
« Ответ #4 : 09.04.2014, 13:18:49 »
может не в тему, но если
Код
.uk-dropdown-navbar {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #444444;
    margin-top: 12px; --- опустить
    z-index: -2; отрицательное значение - все получается, только прячет не только под меню, но и под основной блок
}
В том то и вопрос, что прячет под последующие дивы, но если и им присвоить отрицательное значение, то ложится поверх, при этом внизу все становится некликабельно
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Re: Корректное использование z-index
« Ответ #5 : 09.04.2014, 15:44:06 »
darkghost
Спасибо, разобрался, (помогло опустить навбар), обошелся без z-index
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Re: Корректное использование z-index
« Ответ #6 : 09.04.2014, 15:45:04 »
Тему можно закрыть
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

z-index или какой-то div перекрывают popup

Автор vegushka

Ответов: 8
Просмотров: 1200
Последний ответ 20.05.2016, 23:43:30
от vegushka
Насколько удобнее использование SASS вместо чистого CSS?

Автор avex

Ответов: 0
Просмотров: 949
Последний ответ 02.05.2016, 14:09:38
от avex
Что это ещё за (index)?

Автор MrKolbasa

Ответов: 0
Просмотров: 1302
Последний ответ 24.03.2016, 10:07:26
от MrKolbasa
Использование display: none;

Автор mlukyanov

Ответов: 1
Просмотров: 1011
Последний ответ 17.02.2016, 11:36:21
от Taatshi
Проблема с z-index

Автор Ptalameeya

Ответов: 1
Просмотров: 959
Последний ответ 20.10.2015, 11:33:58
от Aponte