Как убрать рамку сзади элемента (CSS)?

Question

[Владислав Михайлов]

Здравствуйте! Суть такова: необходимо сверстать этот элемент.

Сделал div, задал ему рамку, выровнял заголовок и ссылку, но как убрать рамку сзади заголовка и ссылки? Подскажите!

Comments

[Максим Тимофеев]

Каждый раз когда возникает вопрос "С..ка, как же это сверстать" - есть 95% вероятность, что ответ svg. Поэтому сразу после азбуки, надо начинать читать мануалы по svg.

Answer 1

[DotDash]

просто раздели на несколько блоков, задай рамки и склей.

Answer 2

[Вадим Кот]

Вы не поверите, но вопрос по верстке именно такого элемента уже задавался в прошлом году и имеет несколько решений Как сверстать это?

Answer 3

[BitRouter]

Вариант А:
у накладываемых элементов установи фон

Вариант В:
юзай SVG (что бы нарисовать рамку)

Comments

[Владислав Михайлов]

Какой фон устанавливать, если на заднем плане картинка?

[BitRouter]

background-clip

Answer 4

[forspamonly2]

задать тексту фоном ту же самую картинку с background-attachment