как сделать градиент фона? - Вопросы по CSS

можно ли как то сделать плавный градиентный переход фона сайта слева напрааво? Тоесть к примеру с серого в темно серый? Как решить это с помощу фоновой картинки знаю, но этот вариант не подходит так как фон таково вида весит немало и не идеален для больших моников...нужно его сделать именно средствами сss

Как-то стояла такая же проблема, есть какой-то метод с фильтром "alpha" т.е. постепенно увеличивая  или уменьшая прозрачность\интенсивность черного, только не все браузеры это "едят", поэтому в итоге мне сделали картинку шириной 1200 и высотой 3px - такая картинка весит очень мало, сделали ее background repeat y и все. Правда если у вас картинка не однородна по оси y и по оси x то такой путь отпадает.

интересно что Google по фразе "-moz-linear-gradient" ничего не находит, bing - тоже ничего, а Яндекс (которым обычно не пользуюсь) тут на высоте

http://habrahabr.ru/blogs/css/94438/

CSS3

Да отстаем от жизни, раньше о подобном только мечтали. Упс, не дочитал текст по ссылке. Но походу с Opera все равно какие то проблемы отображения, а жаль. Так что пока на картинке с рипитом - работает безотказно.

Код: css

background: -moz-linear-gradient(50% 0%, #ffffff, #ebebeb 70%);
background: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#ffffff), to(#ebebeb), color-stop(70%, #ebebeb));

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

з,ы Задача решена. Остановился на варианте полоски бэкграунда высотой 3 px

"а два бекграунда как я понимаю не наложишь"

так вкладываешь еще один дивник в первый, и даешь ему другой бакграунд

в станице
<div id="container">
       <div id="img_menu" >
       </div>
<код вставки модуля>
</div>


в цсс
container
{background: url repeat y}

img_menu
{background: url no repeat
width: ширина картинки
height: высота картинки}

как то так, , чисто пример, конечно код лучше оформить грамотнее.

"а два бекграунда как я понимаю не наложишь" - css3

background:
  url(rose.png) no-repeat 150px -20px,
  url(driedrose.png) no-repeat,                  
  url(fieldsky.jpg) no-repeat;

А все оказывается еще проще, спасибо, все сажусь за  изучение css3.

давно пора - http://www.css3.info/preview/

все спасибо за помощь, все получилось!"!!