Використовуйте правило CSS background-repeat: no-repeat щоб запобігти його розміщенню, і використовуйте або background-size: cover, або background-size: contain, залежно від очікуваного результату поведінки заповнення зображення.12 листопада 2018 р.
Знайдіть властивість фонового повторення та переконайтеся, що для нього встановлено значення «без повторення», щоб запобігти ефекту мозаїки. Якщо встановлено значення «повторити» або «повторити-x/повторити-y», змініть його на «не повторювати», щоб побачити, чи це вирішить проблему.
Ви використали фонове зображення CSS, за умовчанням воно повторюється, щоб заповнити простір. Використовуйте фонове повторення: без повторення; щоб запобігти повторенню зображення. Ви можете прочитати більше про стиль фонового повторення тут. тепер він не заповнює весь екран.
CSS фоновий повтор це те, що ви шукаєте. Якщо ви хочете, щоб фонове зображення взагалі не повторювалося, використовуйте background-repeat: no-repeat; . удачі!
Щоб фонове зображення не повторювалося в HTML, вкажіть no-repeat у властивості background-repeat або у властивості background-stenorhand. Для фонового зображення встановлюється значення "без повторення" за допомогою властивості "background-repeat". У наведеному вище прикладі використовується властивість background-repeat, щоб налаштувати зображення як no-repeat.
Щоб зберегти фонове зображення фіксованим, ви повинні використовуйте властивість background-attachment зі значенням Fixed.