Как задать такую непрозрачность?

Question

[Slasherr]

Пробовал дать еще одну дивку и ему задать overlay, не пошло. Пробовал дать класам googl'а, тоже не пошло((

https://codepen.io/Slasher_/pen/XgaZdg

Answer 1

[Сергей Соколов]

Надо поверх наложить div.

https://codepen.io/sergiks/pen/PjKeVx

Comments

[Slasherr]

А что-бы карта работала под оверлеем, то что надо сделать?

[Kovalsky]

Slasherr: зависит от целевых платформ, для большинства случаев можете оверлею задать pointer-events: none

[Олег]

Slasherr: Через js передавать события и координаты курсора.

[Slasherr]

Олег: Понял, окей, спасибо!

[Danila]

Олег: pointer-events: none и ничего передавать не надо

[riot26]

Хак номер два: под картой делать чёрный блок, саму карту делать полупрозрачной. Не знаю, получится ли, конечно.

[Slasherr]

riot26: Попробовал, неа)..Но спасибо

Answer 2

[vintage]

https://developer.mozilla.org/en-US/docs/Web/CSS/filter