google map z-index issue

Question

Я знаю, что размещение ссылок на сайт считается плохим, и мы должны объяснить проблему, но я действительно не знаю, в чем проблема. Раньше я никогда не испытывал подобного.

Страница: http://chefs2call.co.uk.gridhosted.co.uk/

Прокрутите вниз, найти карту Google, внутри сНа #wpgmza_map Существует наложение ДИВА создания синего оттенка на карту, то другой ДИВ (.details ящик внутри. контейнер), который должен располагаться поверх карты и наложения.

В настоящее время оверлей работает, но окно с данными делает что-то странное, фон находится под картой google, но контент находится в ontop (все еще под наложением).

Насколько я могу судить, мой z-индекс правильный, но он не играет в мяч. Любые идеи почему? или как я могу это исправить?

Answer 1

В соответствии с w3school:

Примечание: Z-индекс работает только на расположенных элементов (позиция: абсолютная, положение: относительное положение, или: фиксированная).

Так дайте положение относительно .contact-us .container

.contact-us .container { 
    z-index: 10; 
    position: relative; 
}