Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 864 Просмотров
*

slepoy

  • Завсегдатай
  • *****
  • 713
  • 21
  • Тотальная шизофазия
Альтернатива z-index в CSS
« : 13.09.2015, 22:14:49 »
Здравствуйте.

На сайте http://crimson-land.ru/ имеется два "меню" (боковое черное и верхнее красное). Красное отображается поверх черного, но поменять их местами с помощью z-index не удается (для красного он задан 900).

Для черного меня (в свернутом положении, как на скриншоте ниже - это класс "tm-sidebar-fixed tm-sidebar-togglebar") данный параметр не работает (либо применен мною неверно). Хотя для развернутого (класс "tm-sidebar uk-visible-large") - действует.




Что можно предпринять в данном случае?

Спасибо.
Помог? Поставь(те) плюс в репутацию.
*

Taatshi

  • Support Team
  • *****
  • 4788
  • 452
Re: Альтернатива z-index в CSS
« Ответ #1 : 13.09.2015, 22:27:52 »
z-index работает только для блоков, которым явно указано позиционирование. Попробуйте для левого свернутого меню указать position:relative
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3  /  ОТЗЫВЫ 
Минимальная ставка за платные услуги 1000 рэ Связь: telegram - Taatshi, почта - Taatshi на яндексе.
*

slepoy

  • Завсегдатай
  • *****
  • 713
  • 21
  • Тотальная шизофазия
Re: Альтернатива z-index в CSS
« Ответ #2 : 15.09.2015, 01:30:52 »
Попробуйте для левого свернутого меню указать position:relative
К сожалению, в этом случае свернутое левое меню перестает отображаться.

Как альтернативный вариант - пытался загналть оба левых меню (свернутое и развернутое) под красное верхнее меню.

Еще для красного меню можно применить left: 50px; (или margin-left: 50px;), но во время анимации (раскрытия меню) все равно выглядит нелепо.
Помог? Поставь(те) плюс в репутацию.
*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
Re: Альтернатива z-index в CSS
« Ответ #3 : 15.09.2015, 03:03:10 »
Можно просто верхнее меню вправо сдвинуть
.uk-float-left {
    position: fixed;
    right: 0px;
    left: 50px;
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

slepoy

  • Завсегдатай
  • *****
  • 713
  • 21
  • Тотальная шизофазия
Re: Альтернатива z-index в CSS
« Ответ #4 : 15.09.2015, 03:06:23 »
Да, такой вариант рассматривался, но во время анимации (раскрытия левого черного меню), по прежнему происходит нелепое наложение:
Помог? Поставь(те) плюс в репутацию.
*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
Re: Альтернатива z-index в CSS
« Ответ #5 : 15.09.2015, 03:11:58 »
такой вид как на картинке всего секунду пока меню раскрывается а потом все нормально, сейчас посмотрел в Chrome и мозиле
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

slepoy

  • Завсегдатай
  • *****
  • 713
  • 21
  • Тотальная шизофазия
Re: Альтернатива z-index в CSS
« Ответ #6 : 15.09.2015, 03:28:12 »
На данный момент полоса пропадает при раскрытии меню. А при применении left: 50px; она будет появляться и пропадать. Такое двойное действие будет еще больше привлекать внимания :(
Помог? Поставь(те) плюс в репутацию.
*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
Re: Альтернатива z-index в CSS
« Ответ #7 : 15.09.2015, 03:41:27 »
Тогда надо верстку править а не CSS, через CSS помоему это не получиться сделать
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно