UnluckySerivelha
@UnluckySerivelha

Как сделать блок с вырезом / как сделать один фон у родителя и псевдоэлемента?

Собсна в макете есть вот такой блок:
5d1d10fed7574017263383.png
Нужно сверстать его так, чтобы и на основной части, и на нижнем "вырезе" было одно и то же фоновое изображение
Максимум, что получилось сделать -

Не могу понять, как сделать одно изображение на блок-родитель и на псевдоэлемент..
  • Вопрос задан
  • 91 просмотр
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Не надо clip-path. Просто установите картинку для обоих блоков, и просто выровняйте картинку второго блока.
Ну вот пример. Я тут задаю
background-position: -20px -50px;
где -20px это отступ по горизонтале, т.к. блок не смещается влево-право, пишем туда величину из padding родителя. А -50px это тот же самый padding 20px, плюс смещение блока вниз 30px.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
sh3mahan
@sh3mahan
что-то вроде веб-разработчика
Владимир Проскурин прав, но можно добавить резины и привязаться к ширине окна браузера, в таком случае кроме background-position: top center, нужно еще и background-size указать, равный ширине хэдера

Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы