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

Новые темы	Объявления	Свободное общение
09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 17:02 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе 13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 11:41 2Index - быстрая индексация страниц сайта и обратных ссылок 23:00 Продвижение по ключам	12:12 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 10:24 Linken Sphere – браузер-антидетект нового поколения 04:03 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 19:55 JustProxy.Biz - Резидентные прокси без ограничения по трафику 15:41 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 13:32 TokenTrade — Ваш новый надежный обменник 11:17 Oblaka.in — Обмен криптовалюты быстро, выгодно и безопасно	16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники?

Новые темы

Объявления

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

09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг
19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options
17:02 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.
15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе
13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
11:41 2Index - быстрая индексация страниц сайта и обратных ссылок
23:00 Продвижение по ключам

12:12 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ!
10:24 Linken Sphere – браузер-антидетект нового поколения
04:03 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
19:55 JustProxy.Biz - Резидентные прокси без ограничения по трафику
15:41 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust
13:32 TokenTrade — Ваш новый надежный обменник
11:17 Oblaka.in — Обмен криптовалюты быстро, выгодно и безопасно

16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру
20:43 Добро пожаловать в цифровой мир...
15:59 Про мясо
23:09 ПП от PMS remote.team - 200$ за команду
13:28 Компьютерная мышь
22:55 Ну что, кто куда деваете свои сайты?
22:34 Используете беспроводные наушники?

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