Допустим, у меня есть следующий CSS:
._gradient {
background-image: linear-gradient(top, #6AF 16px, #0032C8 24px);
background-image: -o-linear-gradient(top, #6AF 16px, #0032C8 24px);
background-image: -moz-linear-gradient(top, #6AF 16px, #0032C8 24px);
background-image: -webkit-linear-gradient(top, #6AF 16px, #0032C8 24px);
background-image: -ms-linear-gradient(top, #6AF 16px, #0032C8 24px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(16px, #6AF),color-stop(24px, #0032C8));
}
Есть ли способ простой с помощью Javascript или jQuery для считывания значений положения градиента / направления / цвета?
очевидно, я мог бы использовать регулярные выражения ... проблема заключалась бы в значении 'background-image', возвращающем другое значение в зависимости от того, какой браузер обращался к сайту: пример jsFiddle
По сути, теперь это заставило меня попробовать только значение linear-gradient() (с целью обнаружения браузером и применения CSS с помощью jQuery), но это вернуло значение none: jsFiddle пример 2
Не забывайте, что моя настоящая цель - динамически получать эти значения с помощью сценария, а не устанавливать их (хотя я и хочу, чтобы решение требовало от меня этого).
РЕДАКТИРОВАТЬ ДЛЯ УТОЧНЕНИЯ
Я ищу способ прочитать значения в градиенте, даже если градиенты не поддерживаются. использование $.cssHooks не является ответом из-за того факта, что если свойство не поддерживается, оно возвращает значение none, которое не приносит никакой пользы.