Помогите создать градиенты сверху-снизу (CSS)

Сообщений: 34 Регистрация: Сен 2011

1 Марта 2012 17:57

Есть страница, в которой надо сделать градиент заданный двумя картинками шириной 1 пикс, высотой 500 пикс - для шапки и подвала. Высота страницы изменяется, фон страницы #4c4c4c. В центре страницы в основном таблицы с другим фоном.

Все что не пробовал - не получается. =( Или фон только сверху или только снизу, или таблицы заливаются внутри. На CSS3 есть решение, но мне оно не подходит. =( Пример как это должно выглядеть в приложении.

Прикрепленные файлы

grad1.png (4.18 КБ) [ Скачать ]

Александр Данилюк

Сообщений: 195 Регистрация: Мар 2011

1 Марта 2012 18:59

Могу подсказать один из вариантов.
Пропишите два дива на страницу после <body> и перед </body>
Пример:

Код
<body> <div class="background-top"> <div class="background-bottom"> Тут таблицы, контент и прочее... </div> </div> </body>

А в css

Код

.background-top {
   background-image:url('/фон.png');
      background-position: top;
   background-repeat: repeat-x;
}


.background-bottom {
   background-image:url('/фон.png');
      background-position: bottom;
   background-repeat: repeat-x;
}

Соответственно фон будет ложится на свой класс diva, и принимать заданное положение.

Изменено: Александр Данилюк - 1 Марта 2012 19:02

Magere Сообщений: 34 Регистрация: Сен 2011	#3 5 Марта 2012 18:02 Спасибо, только получается что нижний градиент прижимается к верхнему и между ними не остается места для заливки. Я наверно немного неточно задал вопрос. Нижний градиет должен прижиматься к нижнему краю экрана, верхний - к верхнему. А между ними должна быть заливка определенного цвета. Как-то так. =(

Новые темы	Объявления	Свободное общение
23:34 С наступающим Новым годом! АП Яндекс ИКС 23.12.2025 23:07 Как Яндекс индексирует ваш сайт? \| АПдейт выдача 8.12.2025 22:52 Ночной бар в Паттайе: как случайная встреча с "тайкой" и её кадыком перевернула мой взгляд на продвижение сайта в Google 2026 18:44 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 13:12 Покупные ссылки 12:57 Rotapost прикрыли! Чем пользоваться? 17:00 Стоит ли добавлять сайт в Rambler топ 100?	23:01 Ру трафик с джоб сайтов 17:24 JustProxy.Biz - Резидентные прокси без ограничения по трафику 16:38 GhostRocket.pro — Взлетаем в новую эру криптообмена! 15:31 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 15:31 Trustpilot Reviews \| Подниму рейтинг вашей компании 15:30 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 15:29 Установка\|Настройка\|Доработка\|Наполнение сайтов\|Дизайн\|3D\|Видеомонтаж	00:02 С юмором по жизни! 22:59 Про мясо 15:07 Добро пожаловать в цифровой мир... 22:12 BYTIK.shop – сервис по продвижению в популярных социальных сетях 10:10 накрутка трафика в SimilarWeb 16:50 Компьютерная мышь 23:03 Точные прогнозы на футбол

Новые темы

Объявления

Свободное общение

23:34 С наступающим Новым годом! АП Яндекс ИКС 23.12.2025
23:07 Как Яндекс индексирует ваш сайт? | АПдейт выдача 8.12.2025
22:52 Ночной бар в Паттайе: как случайная встреча с "тайкой" и её кадыком перевернула мой взгляд на продвижение сайта в Google 2026
18:44 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options
13:12 Покупные ссылки
12:57 Rotapost прикрыли! Чем пользоваться?
17:00 Стоит ли добавлять сайт в Rambler топ 100?

00:02 С юмором по жизни!
22:59 Про мясо
15:07 Добро пожаловать в цифровой мир...
22:12 BYTIK.shop – сервис по продвижению в популярных социальных сетях
10:10 накрутка трафика в SimilarWeb
16:50 Компьютерная мышь
23:03 Точные прогнозы на футбол

16.11.2021 18:02	где можно создать и разместить себе сайт просто и бесплатно?
22.05.2020 14:11	Помогите определиться с сайтом
25.09.2019 15:40	Помогите найти ошибку
05.05.2019 18:23	Помогите с сайтом
03.03.2019 08:56	Помогите найти шаблон