Клуб API Карт

Тень для контейнера карты

Пост в архиве.

Подключаю карту таким образом:

<div class="map">
<script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=UkJUv__6yOoWTSnm9zZ1_8vV_0C4gubO&width=100%&height=520&lang=ru_RU&sourceType=constructor" async></script>
</div>

Какие бы стили не задавал для контейнера map, внутренней тени сверху и снизу (чтобы карта как бы чуть вниз провалилась) так и не видно :( Пробовал так же через псевдоэлементы, всё равно не видно тени :(

Подскажите, рельно вообще как-нибудь сделать тень? Или элементы ymaps всё равно всё на свете будут перекрывать?

3 комментария
https://jsfiddle.net/n2f8fju3/



"Inset shadows are drawn inside the border (even transparent ones), above the background, but below content." — https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
アレクセイ,
Спасибо огромное, оказывается немного изобретательности CSS надо было)
Каржановский Константин
14 февраля 2017, 17:11
rork87,
Вы из Краснодара?