X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Конфликт z-index. Помогите решить.
JayFunk
JayFunk
Topic Starter сообщение 29.12.2014, 19:40; Ответить: JayFunk
Сообщение #1


Завсегдатай
*****

Группа: Active User
Сообщений: 731
Регистрация: 6.7.2011
Из: Ukraine
Поблагодарили: 201 раз
Репутация:   44  


Приветствую!

Столкнулся с такой проблемой: При верстке сайта для некоторых элементов надо было прописать z-index:1. Прикрутил модальное окно (сам сайт темнеет + само окно). По сути "сам сайт темнеет" это слой оверлей высотой и шириной в 100%. Ему прописал z-index:999. И увы, элементы у которых z-index:1 - находится по верх этой модалки. Что за дела ? Из-за чего такое может быть ?


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devuser
devuser
сообщение 29.12.2014, 20:22; Ответить: devuser
Сообщение #2


Все будет тип-топ
*****

Группа: Active User
Сообщений: 713
Регистрация: 5.12.2012
Из: Online
Поблагодарили: 342 раза
Репутация:   52  


пробовали

z-index:999 !important;

?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
artanik
artanik
сообщение 29.12.2014, 20:25; Ответить: artanik
Сообщение #3


Участник
***

Группа: User
Сообщений: 225
Регистрация: 3.5.2011
Из: Украина, Львов
Поблагодарили: 147 раз
Репутация:   47  


Приветствую, попробуйте вынести модалку за пределы "сайта" например
Так же самому окну нужно задать position: relative, а то слой overlay, у которого position:absolute, на том же уровне, будет выше, даже если окну задать z-index: 100500


--------------------
Мой промо-сайт

Нужна качественная вёрстка сайтов? Обращайтесь: ICQ 555-177-362 


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JayFunk
JayFunk
Topic Starter сообщение 29.12.2014, 20:33; Ответить: JayFunk
Сообщение #4


Завсегдатай
*****

Группа: Active User
Сообщений: 731
Регистрация: 6.7.2011
Из: Ukraine
Поблагодарили: 201 раз
Репутация:   44  


Цитата(devuser @ 29.12.2014, 20:22) *
пробовали
z-index:999 !important;
?


пробовал. не катит.

Цитата(artanik @ 29.12.2014, 20:25) *
Так же самому окну нужно задать position: relative, а то слой overlay, у которого position:absolute, на том же уровне, будет выше, даже если окну задать z-index: 100500


у которого z-index:1 - position:relative, у оверлея позишн абсолют. все равно не работает. В упор не могу понять почему так.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
woodzy
woodzy
сообщение 29.12.2014, 21:23; Ответить: woodzy
Сообщение #5


Бывалый
****

Группа: User
Сообщений: 408
Регистрация: 27.9.2011
Поблагодарили: 99 раз
Репутация:   38  


Видимо не тому элементу задаете z-index
P.S Покажите пациента, это сэкономит кучу времени


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите выбрать ноутбук
Ноутбук для детей
24 kstnews 480 Сегодня, 0:18
автор: Room
Открытая тема (нет новых ответов) Помогите разобраться с Android TV
2 MakDonald 161 Вчера, 21:09
автор: MakDonald
Открытая тема (нет новых ответов) Помогите выбрать программу
Помогите выбрать программу
11 impak 1365 11.12.2017, 13:11
автор: Mikki
Открытая тема (нет новых ответов) Помогите найти плагин на WP
Отзывы с профилей соц сетей
1 SEOMR 452 30.11.2017, 7:18
автор: Nell
Открытая тема (нет новых ответов) Помогите найти проблему
Долгий ответ сервера
6 maxim1249 709 29.11.2017, 17:27
автор: genjnat


 



RSS Текстовая версия Сейчас: 19.12.2017, 0:42
Дизайн