Форум русской поддержки Joomla!® CMS
07.12.2016, 18:28:54 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Альтернатива z-index в CSS

 (Прочитано 550 раз)
0 Пользователей и 1 Гость смотрят эту тему.
slepoy
Завсегдатай
*****

Репутация: +21/-0
Offline Offline

Сообщений: 703


Тотальная шизофазия


« : 13.09.2015, 21:14:49 »

Здравствуйте.

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

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




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

Спасибо.
Записан
Taatshi
Support Team
*****

Репутация: +430/-3
Offline Offline

Пол: Женский
Сообщений: 4718

Мама, я снова верстал во сне...


« Ответ #1 : 13.09.2015, 21:27:52 »

z-index работает только для блоков, которым явно указано позиционирование. Попробуйте для левого свернутого меню указать position:relative
Записан
slepoy
Завсегдатай
*****

Репутация: +21/-0
Offline Offline

Сообщений: 703


Тотальная шизофазия


« Ответ #2 : 15.09.2015, 00:30:52 »

Попробуйте для левого свернутого меню указать position:relative
К сожалению, в этом случае свернутое левое меню перестает отображаться.

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

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

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #3 : 15.09.2015, 02:03:10 »

Можно просто верхнее меню вправо сдвинуть
.uk-float-left {
    position: fixed;
    right: 0px;
    left: 50px;
Записан
slepoy
Завсегдатай
*****

Репутация: +21/-0
Offline Offline

Сообщений: 703


Тотальная шизофазия


« Ответ #4 : 15.09.2015, 02:06:23 »

Да, такой вариант рассматривался, но во время анимации (раскрытия левого черного меню), по прежнему происходит нелепое наложение:
Записан
umbabaraumba
Практически профи
*******

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #5 : 15.09.2015, 02:11:58 »

такой вид как на картинке всего секунду пока меню раскрывается а потом все нормально, сейчас посмотрел в Chrome и мозиле
Записан
slepoy
Завсегдатай
*****

Репутация: +21/-0
Offline Offline

Сообщений: 703


Тотальная шизофазия


« Ответ #6 : 15.09.2015, 02:28:12 »

На данный момент полоса пропадает при раскрытии меню. А при применении left: 50px; она будет появляться и пропадать. Такое двойное действие будет еще больше привлекать внимания Sad
Записан
umbabaraumba
Практически профи
*******

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #7 : 15.09.2015, 02:41:27 »

Тогда надо верстку править а не CSS, через CSS помоему это не получиться сделать
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet