Как сделать google карту в таком виде

[swandev]

 

Возможно ли сделать такую карту интерактивной и как?

зеленый фон не фиксированый и может менять масштаб.

[Great Rash]

Интерактивной сделать можно, только не совсем кроссбраузерно. Зеленый фон может менять масштаб вот так (если я правильно понял задачу).

[SelenIT]

В новых браузерах должен сработать слой-покрышка с pointer-events:none. Для старых IE существует полифилл, либо обходные пути с SVG.

[swandev]

Интерактивной сделать можно, только не совсем кроссбраузерно. Зеленый фон может менять масштаб вот так (если я правильно понял задачу).

Да верно, поэтому вариант накрыть карту фоном с дыркой не подходит, т.к мне нужно чтобы размер карты не изменялся.

Edited September 29, 2014 by ALEEX SWN

[Great Rash]

Ничо не понятно, почему размер карты должен измениться если её фоном накрыть?

[swandev]

Ничо не понятно, почему размер карты должен измениться если её фоном накрыть?

Думаю так будет понятней http://alexlebedev.name/logo/  последний блок

[Great Rash]

Всё равно непонятно.

[Yazon_Nile]

Для вебкитов можно имедж-маск использовать, если я правильно понял задачу)

[SelenIT]

И мне непонятно, зачем карте менять размер Заодно случайно и хак для IE9 нашелся, авось кому-нибудь пригодится.

[swandev]

И мне непонятно, зачем карте менять размер Заодно случайно и хак для IE9 нашелся, авось кому-нибудь пригодится.

 

Есть фон  http://alexlebedev.name/logo/img/footer-bg2.jpg, он не повторяющийся, с помощью bs cover растягивается на всю высоту (в примере выше можно посмотреть)

 

за пример спасибо, буду знать