Пришлось мне в соответствии с дизайном сайта встраивать карту от 2ГИС, да еще так, чтоб элементы дизайна накладывались на эти карты. Вот как на картинке (это готовый результат)
Как выяснилось, простое присвоение нужного значения css-свойству z-index iframe-а (а именно через него встраиваются карты на сайт, что логично и правильно), не поможет.
Необходимо, чтобы значение z-index у фрейма и у тега body было одинаковым и при этому меньшим, чем к элементов, которые должны находиться над iframe. А еще, чтоб блок, содержащий фрейм, имел зед-индекс -1.
То есть, как это получилось у меня:
body { z-index:1; } .block-with-iframe { z-index:-1; } .block-with-iframe iframe { z-index:1; } .element-on-iframe { z-index:2; }