CSS3 Jquery Gradients-有什么方法可以读取设置的值吗

CSS3 Jquery Gradients - is there any way to read the values set?

本文关键字：设置 读取 Gradients- Jquery 什么 方法 CSS3      更新时间：2023-09-26

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

显然我可以使用正则表达式。。。问题在于"背景图像"值返回不同的值，这取决于访问该网站的浏览器：jsFiddle示例

基本上，现在这让我只尝试使用linear-gradient()值（旨在通过jQuery进行浏览器检测和应用CSS），但这返回了值"none"：jsFiddle示例2

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

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

这大致符合您的要求吗？http://jsfiddle.net/2wQed/2/

您可能想看看这个。。。

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

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

相关文章：