Создание div поверх всего с z-index не работает?

Я использую плагин wordpress Basic Google Maps Placemarks для отображения карты, но мне нужно поместить ее в очень узкое место (ширина = 300 пикселей). Теперь я хочу взломать этот плагин, надеясь, что переполнение всплывающего окна будет видно. Для начала я тестирую с помощью инструмента проверки элементов Google Chrome. Но независимо от того, как я меняю z-индекс этого div, он всегда скрыт.

Скриншот ниже:

введите здесь описание изображения

Я работаю над этим веб-сайтом: http://starrystory.org/

Я что-то пропустил? Как я мог сделать этот div поверх всего остального?

P.S. Если это невозможно сделать только с помощью CSS, может быть, у кого-нибудь есть решение для jQuery?


google-maps wordpress jquery css z-index
person Arch1tect    schedule 26.01.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Поскольку родительские элементы имеют overflow: hidden и размеры холста, ни один внутренний элемент не будет отображаться за пределами их границ.

Вам придется переместить всплывающий элемент за пределы скрытых контейнеров переполнения. Что в данном случае было бы сложно.

person Qtax    schedule 26.01.2013
comment
@ Arch1tect, да, но это сломает другие вещи. Карта должна содержаться. - person Qtax; 26.01.2013
comment
Правильно .... теперь я думаю об использовании jQuery для получения div, а затем создать новый всплывающий div с тем же содержимым в той же позиции, но поверх всего, и он должен все время отслеживать исходное всплывающее окно. .Кажется очень хлопотным .. - person Arch1tect; 26.01.2013