как будто есть карта прямоугольная, на неё наложили прямоугольник синий и задали ему прозрачность
Ну можно же "в лоб" :)
Наложите абсолютом поверх карты div с нужным цветом в rgba() и обязательно напишите ему свойство
pointer-events: none;
Правда IE научился понимать это свойство только с 11 версии :(
Или еще такой хак:
Обернуть карту в div с position:relative; overflow:hidden;
Внутри карта и еще один элемент. Этот элемент расположен абсолютно в левой верхней точке (вообще-то в любой угол) и имеет размеры 1*1. z-index чтобы быть поверх карты. и главное - тень
box-shadow: 0 0 0 10000px rgba(78, 78, 78, 0.5)
Тень не будет препятствовать тыкать на карту, но будет расположена поверх ее.
Денис Букреев: читать ссылки не пробовали? Там есть объяснение решения вашей проблемы. И даже примеры решений. И много чего еще интересного и полезного. :)
Егор Рублёв: Встречный вопрос: а зачем? Вы просто сбрасываете свойство на значение по умолчанию и получаете эффект, как будто бы и не устанавливали его.
Ну можно же "в лоб" :)
Наложите абсолютом поверх карты div с нужным цветом в rgba() и обязательно напишите ему свойство
pointer-events: none;
Правда IE научился понимать это свойство только с 11 версии :(
Или еще такой хак:
Обернуть карту в div с position:relative; overflow:hidden;
Внутри карта и еще один элемент. Этот элемент расположен абсолютно в левой верхней точке (вообще-то в любой угол) и имеет размеры 1*1. z-index чтобы быть поверх карты. и главное - тень
box-shadow: 0 0 0 10000px rgba(78, 78, 78, 0.5)
Тень не будет препятствовать тыкать на карту, но будет расположена поверх ее.