KATSTAT.RU-ТОП РЕЙТИНГ САЙТОВ С ОТДАЧЕЙ
Пиратская ферма, заходи, новичок
Уникальная онлайн игра! ЗАЙДИ И ОЦЕНИ!
NEAR wallet - mine HOT в Telegram
WorldByte - Наш хостинг - партнер

Топ дня: 851386656

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

Здравствуйте. Столкнулся с такой проблемой. Хотел фоновое изображение поставить, но столкнулся с тем что оно вот так вот выглядит. Разрешение 1135х638. Если ставить разрешение выше - то увеличивается размер изображение и его размер, но дело в том, что мне надо менее увесистое изображение, и чтобы оно было растянуто. Также, если ставлю разрешение выше, оно как то смещено вправо, и сбоку остается кусок который ярко выделяется, который очень мешает в левой стороне, который он присутствует и на этом скриншоте. Помогите, как исправить это?

Изображение

------
76224_568567567.png (1.6 Mb)
Скачиваний: 151

 html {

     background: url(путь к картинке для фона) no-repeat center fixed;

     background-size: cover;

 }

 

Вилы Выкидные, спасибо сейчас попробую

Теперь новая проблема, изображение только в верхней части, а снизу белая пустота. Как его растянуть?

Изображение

------
76225_eUM7PTOT9Es.jpg (329.8 Kb)
Скачиваний: 154

так не делается, на мобиле не должно быть видно заднего фона, на мобиле у тебя на весь экран должно быть то, что ты замазал

представь себе как будет выглядеть вон то дерево на заднем фоне, если его по высоте растянуть на мобиле

Вилы Выкидные, я просто боюсь что к примеру те кто с планшета будут заходить на сайт - будут видеть белое пятно. Или не будут?

не знаю, но если у тебя картинка 100 на 100, то в любом случае она будет терять качество если ты её на весь экран сделаешь при 2000 на 5000

Вилы Выкидные, один черт видно это белое пятно, что с пк что с телефона

Изображение

------
76228_234532453246544.png (2.0 Mb)
Скачиваний: 159

с пк я вроде как подогнал, но с телефона все равно пятно снизу

Изображение

------
76229_IMG_20210314_171230.jpg (60.6 Kb)
Скачиваний: 149

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