1

假设我有以下 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示例

基本上现在这导致我尝试使用该linear-gradient()值(旨在进行浏览器检测并使用 jQuery 应用 CSS),但这返回了值“无”:jsFiddle 示例 2

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

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

4

2 回答 2

0

你可能想看看这个...

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

这里找到,不确定它是否有效,但也许值得尝试

于 2012-03-13T15:15:23.343 回答
0

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

于 2012-03-13T15:26:12.447 回答