Как сверстать данный блок?

Question

[Михаил]

Суть отражена на картинке: есть блок со светло-зеленым бордером, в котором есть какой-то контент. Этот бордер должен перекрываться блоком сверху, но так, чтобы контент оставался видимым. Цвет бордера и верхнего блока разные и делать их одинаковыми чтобы замаскировать бордер нельзя. Можно кинуть ссылки на аналогичные примеры.

Comments

[Hyubert]

не очень понятно что вам нужно...

Answer 1

[suberg]

Вариант с градиентом: https://codepen.io/suberg/pen/RMvdew

Comments

[Михаил]

Спасибо за скорость ответа, но проблема в пене не решена

[suberg]

Михаил, Поправил пен. Пока что-либо лучше в голову не приходит.

[suberg]

Михаил, проблема решена?

Answer 2

[forspamonly2]

этот светло-зелёный, наверное, просто белый с полупрозрачностью? и на белом фоне его не видно

Comments

[Михаил]

нет, цвета задника и бордера разные. Именно в этом и загвоздка с данной версткой.

[forspamonly2]

ну лепить в три слоя тогда.
https://codepen.io/anon/pen/qovPYj

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