Javascript CSS3 Jquery Gradients-有没有办法读取设置的值?

Javascript CSS3 Jquery Gradients-有没有办法读取设置的值?,javascript,jquery,css,linear-gradients,Javascript,Jquery,Css,Linear Gradients,假设我有以下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); backgro

假设我有以下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是否有任何方法simple读取渐变位置/方向/颜色的值

显然,我可以使用正则表达式。。。问题在于“背景图像”值根据访问站点的浏览器返回不同的值:

基本上,现在这让我尝试只使用
linear-gradient()
值(旨在通过jQuery进行浏览器检测和应用CSS),但这返回了值“none”:

请记住,我的实际目标是通过脚本动态地获取这些值,而不是设置它们(尽管我愿意解决方案要求我这样做)

编辑以进行澄清
我正在寻找一种方法来读取渐变中的值,即使不支持渐变。使用
$.cssHooks
不是答案,因为如果属性不受支持,它将返回“none”值,该值没有任何好处。

您可能想看看这个


在中找到,不确定它是否有效,但可能值得尝试。这大致符合您的要求吗

请参见此处:由于示例2中的问题而无法工作,正如我所说,我正在尝试获取
颜色
位置
方向
。如果数据可用于
cssHooks
,它也将通过
$(elem).css('background-image')
返回,但是您无法“获取”不受支持的css值,并且对于不同浏览器支持的不同类型的渐变,必须使用
regex
似乎有点极端。我想如果不使用regexp,这是不可能的,是的,您必须检查该值是否为“无”,跳转到下一个可能的类型。。这里有一个可行的解决方法:
然后从元素$('.'u gradient').html($('.'u gradient').attr('linear-gradient'))读取attr;​ 或者更好地为您需要的每个值使用属性,如top、rgba等。。我希望这有帮助!它必须是data linear gradient=”“才能兼容HTML5,但我的想法是一样的,然后使用jQuery应用渐变,如果不支持渐变,则使用PHP生成图像文件。。。无法等待支持纯
线性渐变(50年后…)不幸的是,不,如果存在不支持的值,它会显示背景图像的名称,但理想情况下我需要位置、颜色和方向值。啊,好的。我知道你不想这样做,但我看不到一个更简单的方法,如果不在这种情况下正则化值,不幸的是…问题是,在不支持CSS渐变类型的浏览器中,它返回值“none”。。。我认为一个解决方案可能是将渐变文件命名为FFFFFF_10_CCCCCC_40_FF0000_100,但这完全是一场噩梦!虽然不是正确的答案,但这是最接近正确答案的答案,问题的实际答案是“你做不到”,这已经在评论中提出了,而且同样,这对我试图做的事情不起作用。