jquery css3 градиентный плагин

Question

Кто-нибудь знает плагин jquery css3, который поддерживает кросс-браузерные градиенты. Все плагины градиента, которые я видел до сих пор, основаны на создании множества элементов.

Спасибо.

Редактировать: Извините за неясность, я не пытаюсь заставить CSS3 работать в браузерах, которые его не поддерживают. Я знаю, что могу использовать градиенты в браузерах, которые поддерживают градиенты CSS3, и использовать фильтры IE. Я пытаюсь узнать, написал ли кто-нибудь плагин jQuery, чтобы я мог сделать это в коде.

например, ядро ​​jquery стандартизирует elem.css('opacity', '.5'), чтобы оно работало в разных браузерах независимо от синтаксиса. Ищите что-то подобное и для градиентов.

Но если этого не будет, я думаю, я просто напишу это сам.

Answer 1

Mmmmm, pie.

CSS3PIE - Progressive Internet Explorer - makes Internet Explorer 6-8 capable
of rendering several of the most useful CSS3 decoration features.

Этот .htc действительно прост в реализации и использовании.

Answer 2

Сегодня вы используете cssHooks для создания jQuery-градиентов через браузер.

Answer 3

Если вам сложно кодировать градиенты CSS3, попробуйте генераторы градиентов CSS3.Вы можете найти список градиентов здесь .

Answer 4

Единственный кросс-браузерный способ создания градиента - это создание элементов с изменением цвета фона. Возможна поддержка браузеров moz, webkit и IE с 3 правилами (каждый градиент):

/* IE */
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff00,endColorstr=#00000000);
/* webkit(Safari, Chrome) */
-webkit-gradient(linear,left bottom,right bottom,color-stop(1, rgb(0,0,0)),color-stop(0, rgb(255,255,255)));
/* mozilla(Firefox) */
-moz-linear-gradient(left center,rgb(0,0,0) 100%,rgb(255,255,255) 0%);

Тогда у вас может быть запасной вариант с нормальным цветом фона.

Answer 5

Не специально для jQuery, но с помощью Raphael (графической библиотеки javascript) вы можете устанавливать кросс-браузерные градиенты.См. Параметры в http://raphaeljs.com/reference.html#attr.

Примечание. Это реализация библиотеки векторной графики, которая использует различные технологии в зависимости от браузера для достижения своих эффектов.

Answer 6

создание большого количества элементов - единственный способ получить кросс-браузерный градиент, когда вы не хотите использовать изображение - и jquery не может создавать изображения динамически.используйте один из этих (плохих?) плагинов или просто используйте photoshop (или gimp (или paint)), чтобы создать свой градиент.

мой любимый: поддержка градиентов для хороших современных браузеров (новые версии safari / firefox,Internet Explorer) и использовать обычный фоновый цвет как запасной вариант для плохих браузеров (старые версии safari / firefox)

ПРИМЕЧАНИЕ: в этом случае IE является одним из хороших браузеров, это поддерживает градиентов, так как ... все время я помню