• Курсы Академии Кодебай, стартующие в мае - июне, от команды The Codeby

    1. Цифровая криминалистика и реагирование на инциденты
    2. ОС Linux (DFIR) Старт: 16 мая
    3. Анализ фишинговых атак Старт: 16 мая Устройства для тестирования на проникновение Старт: 16 мая

    Скидки до 10%

    Полный список ближайших курсов ...

Растягивание фонового изображения блока

  • Автор темы Cadet
  • Дата начала
Статус
Закрыто для дальнейших ответов.
C

Cadet

Как задать фон у блока таким образом, чтобы это было изображение, которое по горизонтали сжимается или растягивается (масштабируется, !!!не повторяется!!!) в зависимости от ширины блока, а по вертикали повторяется (repeat-y) по всей высоте блока.
 
K

Kauperwood

так если загрузить картинку с изображением, она будет иметь размер, и если масштабировать картинку то она будет тянутся и терять форму..?
Другое дело однопрофильная картинка. Не понятно какая должна быть картинка и её размеры.
 
C

Cadet

Изображение представляет собой горизонтальную немонотонную полосу, которая особо не теряет форму при горизонтальном растяжении/сжатии. Мне нужно, чтобы она принимала горизонтальный размер блока и при этом ещё повторялась по вертикали.
 
1

1ive

Напрямую средсвами HTML и CSS так сделать не выйдет.
Только JS.
 
C

Cadet

А вот и выйдет, я уже сам нашел:


Код:
	background-image: url("/images/image.png");
background-repeat: repeat-y;
background-size: 100% auto;

/* для всех браузеров */
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
 
Статус
Закрыто для дальнейших ответов.
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!