Как растянуть фоновое изображение?

Тема закрыта by DELETED
Причина: Готово

TuT (14.03.2021 в 15:28)
html { background-attachment: fixed; background-image: url(путь до картинки); background-repeat: no-repeat; background-position: 50% 0px; background-size: cover;}

а зачем ты переписал код из поста 2?

Вилы Выкидные (14.03.2021 в 15:38)
а зачем ты переписал код из поста 2?

background-position: 50% 0px;

TuT (14.03.2021 в 15:39)
background-position: 50% 0px;

и зачем её центрировать по центру вверху, если она на весь экран?

Вилы Выкидные (14.03.2021 в 15:40)
и зачем её центрировать по центру вверху, если она на весь экран?

Так если с планшета зайти, то она резатся будет, лучше уж по центру отцентрировать.

TuT (14.03.2021 в 15:45)
Так если с планшета зайти, то она резатся будет, лучше уж по центру отцентрировать.

ничего не будет резаться, код из поста 2 растягивает картинку на весь экран

а если у автора высота html или body дополнительно задана, то мы не Ванги

Вилы Выкидные (14.03.2021 в 15:52)
ничего не будет резаться, код из поста 2 растягивает картинку на весь экрана если у автора высота html или body дополнительно задана, то мы не Ванги

Ох, вот по этому автор и получает в низу пробел и за того что ты её по центру растянул

TuT ,

css

   html { 
     background: url(/images/test.jpg) no-repeat center fixed; 
     background-size: cover; 
 }

ПК

202103142.png 1.9 Mb ⬇ 235

TuT , IPhone

202103143.png 511.6 Kb ⬇ 224

TuT , IPad

202103144.png 532.5 Kb ⬇ 212

Вот, всё в одну строку.
background: url(image.png) fixed no-repeat 50% 0 / cover;

Изображение фона растягивается, фиксируется, по координате X располагается по центру, по координате Y начинается сверху.