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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Cadet, 23 сен 2011.

Статус темы:
Закрыта.
  1. Cadet

    Cadet Гость

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

    Kauperwood Гость

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

    Cadet Гость

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

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    Напрямую средсвами HTML и CSS так сделать не выйдет.
    Только JS.
     
  5. Cadet

    Cadet Гость

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


    Код (Text):
        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;
     
  6. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    Ох, действительно...
     
Загрузка...
Похожие Темы - Растягивание фонового изображения
  1. SeverBap
    Ответов:
    2
    Просмотров:
    2.804
Статус темы:
Закрыта.

Поделиться этой страницей