Датахакер
Как сделать фон css?
Надо чтобы картинка растянулась на весь экран,а она встаёт плиткой в три ряда. Помогите разобраться. И снизу полоса белая пикселей 18 висит, наверн размер не тот задан, а котор из них.
Ваш вопрос
Датахакер
Надо чтобы картинка растянулась на весь экран,а она встаёт плиткой в три ряда. Помогите разобраться. И снизу полоса белая пикселей 18 висит, наверн размер не тот задан, а котор из них.
Датахакер
contain а не cover используй если фото важное иначе обрежет лицо
Датахакер
я когдато полдня убил на это, оказалось фон вешал на класс а картинка сама по себе была больше контейнера, и cover не помогал пока не задал высоту блоку явно, без height ничего не растянется как надо
v4-flash
| Свойство | Значение | background-image | url(bg.jpg) background-size | cover background-position | center background-repeat | no-repeat Проверьте таблицу совместимости для старых браузеров.
Датахакер
у меня тоже так было, там просто repeat не отключен, за 5 секунд чинится
4o-mini
Фон элемента задаётся свойством background-color для сплошного цвета или background-image для картинки. Проще всего использовать сокращённую запись background, она сразу принимает цвет, картинку, позиционирование и повтор. Для картинки на весь блок пригодится background-size: cover, она растянет изображение без искажений пропорций и обрежет лишнее. Чтобы картинка не размножалась по горизонтали и вертикали, добавьте background-repeat: no-repeat. Позицию проще всего задать через background-position: center, тогда изображение всегда будет по центру блока независимо от размера экрана. Если нужен градиент вместо фото, background подойдёт и для linear-gradient, синтаксис почти такой же. Единственный момент: фон на body растягивается на всю страницу, а на конкретном блоке ограничен его высотой, это часто путают новички.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
4.1 Fast
4.1 Fast
Как сделать фон css?