Помогите создать градиенты сверху-снизу (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 Спасибо, только получается что нижний градиент прижимается к верхнему и между ними не остается места для заливки. Я наверно немного неточно задал вопрос. Нижний градиет должен прижиматься к нижнему краю экрана, верхний - к верхнему. А между ними должна быть заливка определенного цвета. Как-то так. =(

Новые темы	Объявления	Свободное общение
19:45 С чего сейчас проще начать? 19:31 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 08:21 Продвижение-2022: Гугл все? Нет – Гугл не все! 08:05 Гугл запустил Первый АПдейт года и серп уже трясёт - Google March 2026 Core Update 18:49 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку? 13:09 Выбор CMS для первого блога в 2026 - реально ли новичку войти без кода? 12:47 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика	18:46 Прямой поставщик услуг для MAX 17:52 Mixmasters - Exchange without AML and KYC 16:47 Продам домен translated.ru 16:11 TUNNEL-to-PROXY: превращает тысячи публичных сетевых конфигураций - в стабильные SOCKS5-прокси! 14:43 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 14:24 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика 12:54 От $0.015 за IP \| $0.68 за ГБ \| 9PROXY.COM \| 20+ млн резидентных прокси \| 99,95% аптайм \| Без чёрных списков	19:38 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 17:56 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 14:56 молодильные яблоки и живая вода 06:50 Ставки на супер тренды в спорте 13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 18:49 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 17:05 Огородники

Новые темы

Объявления

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

19:45 С чего сейчас проще начать?
19:31 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов?
08:21 Продвижение-2022: Гугл все? Нет – Гугл не все!
08:05 Гугл запустил Первый АПдейт года и серп уже трясёт - Google March 2026 Core Update
18:49 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку?
13:09 Выбор CMS для первого блога в 2026 - реально ли новичку войти без кода?
12:47 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика

18:46 Прямой поставщик услуг для MAX
17:52 Mixmasters - Exchange without AML and KYC
16:47 Продам домен translated.ru
16:11 TUNNEL-to-PROXY: превращает тысячи публичных сетевых конфигураций - в стабильные SOCKS5-прокси!
14:43 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust
14:24 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика
12:54 От $0.015 за IP | $0.68 за ГБ | 9PROXY.COM | 20+ млн резидентных прокси | 99,95% аптайм | Без чёрных списков

19:38 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день
17:56 8 марта: желаю аптайма 99.9% и e-e-a-t без локов
14:56 молодильные яблоки и живая вода
06:50 Ставки на супер тренды в спорте
13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем
18:49 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила
17:05 Огородники

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	Помогите найти шаблон