Question

假设我有以下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有什么方法简单来读取渐变位置/方向/颜色的值？

显然我可以使用正则表达式......问题出在“背景图像”中。值返回不同的值，具体取决于访问该网站的浏览器：jsFiddle example

基本上现在这导致我尝试使用linear-gradient()值（旨在进行浏览器检测并使用jQuery应用CSS），但这返回了值＆＃39; none＆＃39;：{{3} }

请记住，我的实际目标是使用脚本动态获取这些值，而不是设置它们（尽管我愿意让解决方案要求我这样做）。

编辑澄清 我正在寻找一种方法来读取渐变中的值，即使不支持渐变。使用$.cssHooks不是答案，因为如果不支持该属性，则返回值“无”＃39;这没有什么好处。

Answer 1

你可能想看看这个......

http://api.jquery.com/jQuery.cssHooks/

在here中找到，不确定它是否有效，但也许值得试试

Answer 2

这大致做你想要的吗？ http://jsfiddle.net/2wQed/2/

CSS3 Jquery Gradients - 有没有办法读取值集？

2 个答案: