Как бы довесок к этому. Градиент можно сделать не только с использованием графического элемента.
Пример:
Получится что-то вроде такого:
...Для наглядности добавлен белый блок, чтобы можно было убедиться, что при прокрутке страницы градиент зафиксирован, и остается на месте.
Пример:
HTML:
<!DOCTYPE html>
<html> <head> <meta charset="win-1251"> <title>Градиент</title> <style> body { background: linear-gradient(#ffffff, #008000) fixed; } div { width: 70%; margin: auto; min-height: 2000px; background: #fcfcfc; } </style> </head> <body> <div></div> </body>
</html>...Для наглядности добавлен белый блок, чтобы можно было убедиться, что при прокрутке страницы градиент зафиксирован, и остается на месте.