Как получить высокоуровневый пользовательский оверлейный Z-индекс для работы?

Question

Я реализовал пользовательский оверлей highslide, чтобы содержать «следующие» и «предыдущие» ссылки для перемещения между изображениями. Мне нужно, чтобы ссылки были относительно экрана, потому что я делаю отзывчивый веб-сайт. Поэтому я установил hs.registerOverlay({ relativeTo: 'viewport' });. Но тогда происходит то, что «next» и «предыдущие» ссылки всегда появляются под расширителем, независимо от силы Z-индекса I для любого из содержащихся элементов. Как заставить Z-индекс работать?

Answer 1

Я не думаю, что вы можете обратиться к этому с помощью значений z-index, потому что оба объекта (расширитель и наложение) визуализируются самим скриптом Highslide, и он налагает свой собственный порядок стекирования.

Самое простое исправление этой проблемы - просто ограничить размер расширителя. Предположим, что ваши ссылки размещены в нижней части окна просмотра, и они высотой 30px. Измените hs.bottomMargin с 15 до 45 по умолчанию, и все будет в порядке.