Статус:
Offline
Реєстрація: 11.09.2007
Повідом.: 222
Реєстрація: 11.09.2007
Повідом.: 222
Градиент фона -90degree для нефиксированной высоты
Всем здрасте.
В сети искал не мало. И все же не нашел подходящего решения.
Задача.
Необходимо сделать градиент - 90degree (т.е. сверху вниз).
Условия:
Что удалось найти в сети:
1. градиент при помощи CSS и картинки в 1px - не подходит, т.к. длина не фиксированная;
2. градиент с использованием диклараций стандарта CSS.3 и filter для IE - не подходит - решение не работает в opera,chrome (-webkit-gradient...). filter в IE - работет кривовато;
3. js градиент с пошаговым изменением цвета и созданием большего числа блоков - не подходит, потому как есть условие начального и конечного цветов, а так же код-свалка, с огромным кол-вом дивов не годиться.
4. html + svg разметка так же не подходит, потому как градиет в svg разметке можно наложить на какой либо объект типа круга, многоугольника, прямоугольника или объекта, заданного неким путем - что тем более огарничивает высоту вставляемого при помощи тегов <object></object> объектов (
Кто знает, как можно реализовать наиболее просто и кроссБраузерно на сегодняшний день - подскажите плз.
Заранее СПС.
Всем здрасте.
В сети искал не мало. И все же не нашел подходящего решения.
Задача.
Необходимо сделать градиент - 90degree (т.е. сверху вниз).
Условия:
- длина будет динамически изменяться в зависимости от количества контента;
- Градиент будет как минимум в двух местах: <body> и некий <outer> в теле, спозиционированный по середине;
- Необходимо решения для наиболее распостраненных браузеров: (ff,opera,safari,chrome,ie_6++);
- есть определенные начальный и конечный цвета.
Что удалось найти в сети:
1. градиент при помощи CSS и картинки в 1px - не подходит, т.к. длина не фиксированная;
2. градиент с использованием диклараций стандарта CSS.3 и filter для IE - не подходит - решение не работает в opera,chrome (-webkit-gradient...). filter в IE - работет кривовато;
3. js градиент с пошаговым изменением цвета и созданием большего числа блоков - не подходит, потому как есть условие начального и конечного цветов, а так же код-свалка, с огромным кол-вом дивов не годиться.
4. html + svg разметка так же не подходит, потому как градиет в svg разметке можно наложить на какой либо объект типа круга, многоугольника, прямоугольника или объекта, заданного неким путем - что тем более огарничивает высоту вставляемого при помощи тегов <object></object> объектов (
Тільки зареєстровані користувачі бачать весь контент у цьому розділі
).Кто знает, как можно реализовать наиболее просто и кроссБраузерно на сегодняшний день - подскажите плз.
Заранее СПС.
