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

Question

У меня есть фоновое изображение с размером 1x947 px ,

проблема в том, что цвет градиента , поэтому я использую только repeat-x , но когда высота страницы превышает 947 пикселей , она показывает фон цвет

background-image:url(bg.gif);
background-repeat:repeat-x;

как растянуть ?

вот пример кода на скрипке http://jsfiddle.net/K9cUd/1/

Answer 1

Трудно сказать без кода или примера.

Вы можете использовать CSS3

background-size: 100%;

, который должен растянуть его на весь размер страницы.

Возможно, вам придется сделать

background-size: 0 100%; или background-size: 0% 100%;

, поэтому ширина не меняется.

Вы можете прочитать больше здесь: http://webdesign.about.com/od/styleproperties/p/blspbgsize.htm

И спецификации: http://www.w3.org/TR/css3-background/#the-background-size

Answer 2

Если вы не хотите использовать проценты, используйте:

    background-size: cover;