javascript - CSS3 Jquery 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);
    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/

相关文章:

javascript - videojs 全屏 css

javascript - VueJS 路由中 "component: () => import()"的替代方案

javascript - 如果向下滚动则变量加 1,如果向上滚动则变量减 1

javascript - 如何在jquery中获取当前选定元素的标记名

html - 使用CSS在悬停时更改图片内的图片

javascript - iframe 重新加载按钮

c# - 使用 javascript cookie 和 C# 抓取网站

javascript - 删除包含选择列表的 Bootstrap 面板中的所有空格

javascript - 我怎样才能用类似的事件简化这个 Javascript

jquery - 使我的网站的某些部分更具移动性和不同的屏幕分辨率大小友好