- Регистрация
- 09.09.14
- Сообщения
- 1.007
- Реакции
- 670
- Баллы
- 113
Как бы довесок к этому. Градиент можно сделать не только с использованием графического элемента.
Пример:
Получится что-то вроде такого:
...Для наглядности добавлен белый блок, чтобы можно было убедиться, что при прокрутке страницы градиент зафиксирован, и остается на месте.
Пример:
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>
...Для наглядности добавлен белый блок, чтобы можно было убедиться, что при прокрутке страницы градиент зафиксирован, и остается на месте.