Показать сообщение отдельно
  #1 (permalink)  
Старый 03.12.2015, 13:28
Интересующийся
Отправить личное сообщение для avsavs Посмотреть профиль Найти все сообщения от avsavs
 
Регистрация: 03.12.2015
Сообщений: 14

datepicker jquery-ui fancybox z-index
Добрый день!

На странице подключена возможность редактирование отдельных блоков в окнах fancybox.

В открывающемся окне fancybox подключен datepicker jquery-ui.

Выявлены следующие глюки

1. Открываю окно fancybox , datepicker jquery-ui работает, календарь открывается. Закрываю окно fancybox и опять открываю, datepicker jquery-ui не работает

2. Если в родительском окне есть элемент datepicker jquery-ui, то при открытии с родительского окна fancybox, datepicker jquery-ui так же не работает.


То, что нарыл указывает на z-index.
Пробовал явно в стилях прописать
#ui-datepicker-div {z-index: 10000 !important;}


не помогает, т.к. при просмотре исходника в работающем окне, у div datepicker jquery-ui стили прописываются прямо в коде и выглядит вот так:
<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="position: absolute; top: 451px; left: 699px; z-index: 8031; display: block;">



т.е. он перекрывает мой стиль в css

В свою очередь у fancybox значение z-index колеблется в диапазоне 8030-8060

Попробовал изменить значение в стилях у fancybox, но не помогло -(

Может кто подскажет еще решение?

Последний раз редактировалось avsavs, 03.12.2015 в 13:46.
Ответить с цитированием