Новости Joomla

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

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Альтернатива z-index в CSS
« : 13.09.2015, 20:14:49 »
Здравствуйте.

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

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




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

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

Taatshi

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

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Re: Альтернатива z-index в CSS
« Ответ #2 : 14.09.2015, 23:30:52 »
Попробуйте для левого свернутого меню указать position:relative
К сожалению, в этом случае свернутое левое меню перестает отображаться.

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

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

umbabaraumba

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

slepoy

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

umbabaraumba

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

slepoy

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

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Альтернатива z-index в CSS
« Ответ #7 : 15.09.2015, 01:41:27 »
Тогда надо верстку править а не CSS, через CSS помоему это не получиться сделать
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор vegushka

Ответов: 8
Просмотров: 1200
Последний ответ 20.05.2016, 23:43:30
от vegushka
Что это ещё за (index)?

Автор MrKolbasa

Ответов: 0
Просмотров: 1302
Последний ответ 24.03.2016, 10:07:26
от MrKolbasa
Проблема с z-index

Автор Ptalameeya

Ответов: 1
Просмотров: 959
Последний ответ 20.10.2015, 11:33:58
от Aponte
Не найду искомое значение "width" отображемое браузером в файле "index"

Автор R31rus

Ответов: 26
Просмотров: 1334
Последний ответ 06.03.2015, 22:02:21
от Schumaker
Вопрос по z-index

Автор kik84

Ответов: 1
Просмотров: 976
Последний ответ 12.01.2015, 19:04:35
от darkghost