Как у обводки (border) сделать не видимую часть на фоне с фотографией?

Question

[egowka]

У меня есть вот такое меню:

Как в левом верхнем углу в области рядом с крестиком можно убрать обводку? Обычно такие вопросы я решаю при помощи псевдоклассов (небольшой блок с нужным цветом, который абсолютно родителя позиционируется), но тут на фоне есть картинка, поэтому делать так не вариант. Если задать для такого маленького блока background: transparent, то он вообще пропадает. Какие варианты есть? Спасибо заранее!

Comments

[alex4answ]

ну..., clip-path ?

Answer 1

[Арсений Матыцин]

Безопасно — использовать svg полигон с dasharray. А вообще ты можешь задать блоку правый и нижний бордер, а слева и и сверху задать спозиционированные псевдоэлементы, имитирующие границу.

Comments

[egowka]

Про svg полигон с dasharray можно подробнее?

[Арсений Матыцин]

egowka, можно, открываешь гугл и находишь примеры.