假设我有以下 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”,这对以往没有任何好处。