假设我有以下 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)但这返回值“none”:jsFiddle example 2
切记,我的实际目标是使用脚本动态获取这些值,而不是设置它们(尽管我愿意解决方案要求我这样做)。
编辑澄清
我正在寻找一种方法来读取渐变中的值,即使不支持渐变也是如此。使用 $.cssHooks
不是解决方案,因为如果不支持该属性,它会返回值“none”,这没有任何好处。
最佳答案
这大致符合您的要求吗? http://jsfiddle.net/2wQed/2/
关于javascript - CSS3 Jquery Gradients - 有没有办法读取值集?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9686721/