Градиентный фон сверху и снизу

[zlodiak]

помогите пожалуйста решить проблему.

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

изображения для фона находятся здесь

 

[BaNru]

есть простой вариант на CSS3

background: url("top.jpg") no-repeat scroll 0 0, url("bottom.jpg") no-repeat scroll 0 bottom #000;

 

[zlodiak]

мне бы на css2, или хотя бы с хаком для ie7... не?..

 

[BaNru]

Футер придется делать шириной в 100%.

На body делаешь картинку верхнюю

background: url("top.jpg") repeat-x scroll 0 0 #000;

(вот тут была опечатка у меня, надо repeat-x)
На футер делаешь нижнюю картинку соответственно.

Что бы сделать футер не 100% шириной, то придется вкладывать еще один слой, у которого уже сделаешь нужную ширину.

 

[zlodiak]

проблема в том, что высота градиентного фона больше высоты подвала

 

[BaNru]

Ну сделай еще один блок под футером, с абсолютным позиционированием, с bottom:0 и z-index:0.

 

[zlodiak]

так?

 

[BaNru]

Там надо было не абсолютное позиционирование, не правильно я посоветовал.
Примерно вот так
Т.е. по той же схеме, что и футер сделан.

 

[zlodiak]

спасибо работает

 

[poziman]

Посмотри здесь пример создания градиента, там вроде все норм расписано.