Loading...
(x)HTML/WML/CSS | Как растянуть фоновое изображение?
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? :-D
Вилы Выкидные (14.03.2021 в 15:38)
а зачем ты переписал код из поста 2? :-D

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


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

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


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

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

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


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


ПК

Изображение

------
76231_202103142.png (1.9 Mb)
Скачиваний: 162
TuT, IPhone

Изображение

------
76232_202103143.png (511.6 Kb)
Скачиваний: 154
TuT, IPad

Изображение

------
76233_202103144.png (532.5 Kb)
Скачиваний: 150
Вот, всё в одну строку.
background: url(image.png) fixed no-repeat 50% 0 / cover;

Изображение фона растягивается, фиксируется, по координате X располагается по центру, по координате Y начинается сверху.
Онлайн: 3
Время:
Gen. 0.1071
(c) ByMAS.RU 2010-2025