Member 13235468 Ответов: 2

Как сделать так, чтобы фоновое изображение покрывало div и не повторялось?


Я хочу, чтобы фон покрывал страницу и отображался как одна единая картинка.

Что я уже пробовал:

Если я положу

фон-повторить: не повторять;
фон-размер: обложка;
затем изображение появляется в верхнем левом углу и не покрывает всю страницу. Если я уберу атрибут background-repeat, картинка повторится, но покроет всю страницу. Как мне решить эту проблему? Заранее спасибо.

Richard Deeming

background-size:cover следует масштабировать изображение так, чтобы оно покрывало фон всего элемента. Если это не работает, значит, происходит что - то еще:

* Используете ли вы браузер, который поддерживает эту собственность?
* Достаточно ли велик ваш элемент, чтобы покрыть всю страницу?
* Существует ли еще одно правило, переопределяющее background-size собственность?

2 Ответов

Рейтинг:
1
Рейтинг:
1

Harsh.Shah.ifour

используйте свойство background-size и его значение в качестве процент
применить код ниже

фон-повторить: не повторять;
фон-размер: 100% 100%;
фоне привязанности:фиксированный;