@Newer123

Как добавить полноценный background, если размер ограничивает контейнер?

Чтобы реализовать функционал липкого сайдбара использовал свойство sticky и он ходит по родительскому контейнеру, который ограничен шириной. Но надо реализовать обычный background для секции (на всю ширину экрана) и чтобы был background'ом секции.
Если задаю bg для секции, то получаю
5dbd86e980a42440601820.jpeg
а надо чтобы был на всю ширину вне зависимости от ширины экрана
5dbd8718e0c86919603181.jpeg
нашел вариант через псевдоэлементы если бы это был один цвет, то сработало бы, но из-за того, что это linear-gradient получается вот такое
5dbd87954c8a4195757542.jpeg
Есть ли способ исправить это? Подскажите, пожалуйста. Ссылка на CodePen
  • Вопрос задан
  • 159 просмотров
Пригласить эксперта
Ответы на вопрос 3
@choupa
Архитектор (обычный, который строит)
background-size: cover
Ответ написан
Комментировать
@McBernar
Ну так сделайте секцию на 100% ширины. Или добавьте обертку.
Ответ написан
Комментировать
IceRD
@IceRD
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы