Перекрывать контент в fancybox?

Question

У меня есть модальное окно fancybox, которое загружает страницу содержимого (форму).

На каждом входе формы есть событие щелчка, которое показывает подсказку справа от ввода.

У меня такой вопрос: как я могу сделать элемент 'прорывом' из fancybox и перекрыть край, чтобы это был самый высокий элемент в z-index? Мне бы хотелось, чтобы подсказка перекрывала край необычной коробки.

Я попытался установить подсказку для z-index в 1 000 000, но это не помогло. Сценарий fancybox сам задается в качестве максимального z-индекса на странице?

Answer 1

В строке 298 есть:

tmp.wrapInner('<div style="width:' + w + ';height:' + h + ';overflow: ' + (selectedOpts.scrolling == 'auto' ? 'auto' : (selectedOpts.scrolling == 'yes' ? 'scroll' : 'hidden')) + ';position:relative;"></div>');

вам нужно удалить: ;overflow: ' + (selectedOpts.scrolling == 'auto' ? 'auto' : (selectedOpts.scrolling == 'yes' ? 'scroll' : 'hidden')) + '

так что эта строка будет выглядеть так:

tmp.wrapInner('<div style="width:' + w + ';height:' + h + ';position:relative;"></div>');

и затем удалите в css для содержимого fancybox атрибут переполнения.

Теперь ваши подсказки будут работать так, как должны.

Я знаю, что автор fancybox v1 сделал там оператор if, который будет транслировать переполнение auto / hidden для прокрутки или не прокручивать, но он должен сделать if для всего параметра overflow, потому что это вызывает проблемы с перекрытием.

Извините за мой плохой английский, я спешу.

Answer 2

используйте firebug на firefox или осмотрите модальный элемент в chrome, чтобы увидеть его css и найдите z-index для этого модального окна fancybox. Может быть, это поможет вам решить проблему.

Answer 3

В конце концов я обнаружил, что другой фрагмент скрипта связывался со всеми z-индексами на странице, пытаясь обойти печально известную проблему с IE-индексом z * * теперь хорошо.

Должен любить собирать устаревший код!