Задать вопрос
@cehka

Как прижать фон к правому краю?

Как прижать фон блока к правому краю, что бы он чуть выходил, но на всех экранах одинаково?) , на моём экране выглядит нормально, но на более больших не прижат и остаётся место

background-image: url("../img/bg_header.png")
	background-repeat: no-repeat
	background-position: 30vw 30%


Фотография не загружается, извините
  • Вопрос задан
  • 2293 просмотра
Подписаться 2 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
@Narts
background-position: top right - правый верхний угол
Ответ написан
Как писали выше:
background-position: right top;
и можно сдвинуть через absolute в нужную сторону.
.block{
  position: relative;
  overflow: hidden;
}
.block .image{
  background-image: url("../img/bg_header.png");
  background-repeat: no-repeat;
  background-position: right top;
  width: calc(100% + 30px);
  height: 100%;
  position: absolute;
  right: -30px;
  top: 0;
}
Ответ написан
Ваш ответ на вопрос

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

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