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

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

Cadet

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

Kauperwood

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

Cadet

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

1ive

Well-Known Member
12.09.2010
621
0
#4
Напрямую средсвами HTML и CSS так сделать не выйдет.
Только JS.
 
C

Cadet

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


Код:
	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;
 
Статус
Закрыто для дальнейших ответов.