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

Новые темы	Объявления	Свободное общение
01:09 Yahoo Scout: Нейро-привет из склепа. Реальный шанс на траф или мимо? 17:33 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 15:20 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 15:14 Апдейт Яндекса 7 февраля. Пока серп трясет, некоторые по ботам плачут 15:10 Google Discover Core Update: Дискавер отделяют от поиска? 15:04 Гугл пухнет от кеша, а нам - крошки. Разбор $114 млрд: Адсенс в минусе, Ютуб на подписках 11:30 ЕС душит ТикТок: прощай бесконечная лента и RPM? Что с монетизацией?	15:12 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 12:38 Bankomat001 - Сервис обмена электронных валют 10:42 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 09:36 Мониторинг обменников Сrypto-scout.io 05:29 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 04:20 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 23:26 Sova.gg - надежный обменник криптовалюты.	01:20 Точные прогнозы на футбол 01:14 Кулеры и БП станут золотыми? Медь по 13 штук, олово в космосе 23:45 Ставки на супер тренды в спорте 18:56 Moltbook: Соцсеть для ботов, где людям закрыли рот. Началось? 22:31 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 13:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 07:11 Список обновленных тем пуст...

Новые темы

Объявления

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

01:09 Yahoo Scout: Нейро-привет из склепа. Реальный шанс на траф или мимо?
17:33 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов
15:20 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ?
15:14 Апдейт Яндекса 7 февраля. Пока серп трясет, некоторые по ботам плачут
15:10 Google Discover Core Update: Дискавер отделяют от поиска?
15:04 Гугл пухнет от кеша, а нам - крошки. Разбор $114 млрд: Адсенс в минусе, Ютуб на подписках
11:30 ЕС душит ТикТок: прощай бесконечная лента и RPM? Что с монетизацией?

15:12 CryptoGraph — Анонимный обмен криптовалют без KYC и AML
12:38 Bankomat001 - Сервис обмена электронных валют
10:42 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру
09:36 Мониторинг обменников Сrypto-scout.io
05:29 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника
04:20 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
23:26 Sova.gg - надежный обменник криптовалюты.

01:20 Точные прогнозы на футбол
01:14 Кулеры и БП станут золотыми? Медь по 13 штук, олово в космосе
23:45 Ставки на супер тренды в спорте
18:56 Moltbook: Соцсеть для ботов, где людям закрыли рот. Началось?
22:31 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес
13:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко
07:11 Список обновленных тем пуст...

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