Как растнуть фон? (css)

[sergey1317]

Есть картинка с градиентом, с двумя еле заметными полосками снизу, сверху и тенью снизу.

Глянуть картинку .

Нужно сделать её растягивающимся фоном (!), учитывая что нижние и верхние полоски должны полюбому быть как на оригинале-снизу и сверху, и обовъязково тень снизу.

Левая и верхняя часть этой картинки должны быть зафиксированы, а правая и нижняя-растягиваться под разный экран.

Ещё момент: картинка находится по центру экрана, занимая собой всю площадь от правого края экрана до левого, а снизу и сверху при любом разрешении должны оставаться зазоры примерно 10-15%.

Решение желательно в div, если нет-то в таблицах или javascript.

PS, Уже резал её на части, пытался присобачить одно к другому-всё равно когда растягивается то по кривожопому получается Помогите пожалуйста.

[Vlad]

Можно растянуть через CSS3, будет работать во всех браузерах кроме IE. Набор свойств такой:

background-size

-moz-background-size

-webkit-background-size

-o-background-size

[sergey1317]

Интересует решение с отрезанием полоски в 1 пиксель и повторением этой полоски в зависимости от растяжения экрана. Видел что на сайтах так делают, но сам пока разобраться не могу

[stars]

  sergey1317 said:

Интересует решение с отрезанием полоски в 1 пиксель и повторением этой полоски в зависимости от растяжения экрана. Видел что на сайтах так делают, но сам пока разобраться не могу

Отрезаете руками а дальше background-repeat

[Vlad]

Вот только не надо повторять фон размером один пиксель. Браузеры от такой работы обычно с ума сходят, и это заметно на глаз. Ничего страшного не произойдет если размер увеличить до 30-40 пикселей.