用JS获取元素CSS3背景色渐变

2023-11-21

目前,我使用以下 JS (jQuery) 来查找其他几个 div 的背景颜色(作为 rgb):

$theColor = $(this).css("background-color");

除了 CSS3 渐变之外,它工作得很好。

作为示例,我使用以下 css 使 div 的背景看起来类似于便利贴:

background: #FFFAAD; /* old browsers */

background: -moz-linear-gradient(top, #FFFAAD 0%, #FFF47D 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFAAD), color-stop(100%,#FFF47D)); /* webkit */

background: gradient(linear, left top, left bottom, color-stop(0%,#FFFAAD), color-stop(100%,#FFF47D));

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFAAD', endColorstr='#FFF47D',GradientType=0 ); /* ie */

jQuery 似乎没有接收到任何东西。

如何使用 jQuery 查找 css3 渐变中使用的至少一种颜色? 我对 JS 比较陌生,所以请耐心等待。

谢谢。


像尖头一样,使用CSS 挂钩去做吧。

您可以在这里找到满足您需求的示例:http://www.webmuse.co.uk/articles/csshooks-in-jquery/.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

用JS获取元素CSS3背景色渐变 的相关文章

  • JQuery 可搜索下拉框

    我有一个可搜索列表 是使用 JQuery 插件创建的 http plugins jquery com searchit http plugins jquery com searchit 但我希望当列表框第一次出现时默认选择一些值 即使我在选
  • 无法让基本的 pjax 示例工作

    编辑 非 工作示例在这里 http www jogos mmorpg com pjax html http www jogos mmorpg com pjax html 我正在尝试重现一个非常基本的 PJAX 示例 如自述文件中所述 htt
  • 如何使用Jquery使用javascript运算符符号搜索表单列?

    实际上 我试图在搜索后获取单个表列值 如果我选择 运算符并在列中键入任何输入值 然后在搜索后 输入值将类似于匹配相似值的一行或多行 同样 如果我选择 运算符和此列 则将获得小于输入值的任何输入值 如果我选择 运算符 则小于或等于输入值将获得
  • 如何以编程方式禁用 元素上的自动选择?

    然后用户使用 TAB 或 SHIFT TAB 跳转 到某个文本框 并且该文本框恰好有一个值 那么该值将被自动选择 我想禁用此行为 我认为这可以在 focusin 事件处理程序内部完成 input text focusin function
  • 获取 CKEditor 内容? - jQuery

    我的 CKEditor 代码是 window onload function var editor CKEDITOR replace big info CKEDITOR config height 330px CKEDITOR config
  • json_encode 返回 200 且未定义

    我想要一个代码来添加或删除数据库书签 代码已准备就绪 它可以正确地从数据库书签中添加和删除书签 但是当我调用该函数时 它会不断返回json error反而json success即使代码有效 我想知道代码 我从其他地方获得并改编的 有什么问
  • jquery选中复选框IE问题

    我在验证是否使用 Internet Explorer 上的 jquery 选中复选框时遇到问题 这是我正在使用的代码 if chkjq 1 attr checked true 它在 Firefox 或 Chrome 上运行良好 但在 Int
  • 为什么我的图标在 DIV 布局中从上到下排列而不是从左到右排列?

    我将这 3 个图标包含在单独的 DIV 中 所有这些图标都包含在一个 DIV 中 div div class divicon img src icons text png class icon div div class divicon i
  • 使用 JQuery 更改表附加行中某些单元格的背景颜色

    我正在向表中追加一行 如何更改该行中一组单元格的背景颜色 假设列有 25 列 从 17 到 22 的列需要更改背景颜色 这是我到目前为止所尝试的 table1 append row1 row1 children td not td eq 0
  • 使用 RGBA 颜色覆盖背景图像,并使用 CSS3 过渡

    今天早些时候我问使用 rgba 背景颜色覆盖背景图像 https stackoverflow com q 17134929 1544337 我的目标是拥有一个带有背景图像的 div 当有人将鼠标悬停在 div 上时 背景图像会覆盖有 rgb
  • 如何从矩形点计算旋转角度?

    我有4分1 2 3 4闭合一个矩形 这些点按以下方式排列在数组中 x1 y1 x2 y2 x3 y3 x4 y4 我遇到的问题是矩形可以旋转一定角度 如何计算原始点 灰色轮廓 和角度 我试图在 javascript css3 transfo
  • 如何为多个元素添加Class?

    我正在使用这段 javascript 向多个元素添加一个类 我试图引用多个 div 并向它们添加类 它只适用于第一个 JavaScript
  • 节省页面加载时间的提示[重复]

    这个问题在这里已经有答案了 我的问题 削减那些不必要的 kb 并使页面加载速度更快的最佳方法是什么 全部是什么优化实践 编码实践 在js php中 如果执行可以使您的页面更轻 为什么我问这个 我读了这篇关于 jquery js 与 jque
  • 如果验证失败,如何在 ASP.NET MVC 中阻止 jquery ajax 提交

    我在用ASP NET 5 MVC RC1 我的 ASP NET MVC 使用的 jquery 验证插件是默认 ASP NET 5 模板项目使用的标准 jquery validate js jQuery Validation Plugin v
  • 如何获取 Html.Editorfor 的日期选择器

    在我的 MVC3 剃刀页面上 我有一个日期字段 Html EditorFor model gt model Member Dob 下面给出的是我试图获取出生日期字段的日期选择器的代码 Scripts jquery validate min
  • 可以通过 url 发送 JSON 吗?

    我有一个 ruby 哈希 其中键是 url 值是整数 我将哈希值转换为 JSON 我想知道是否能够通过 AJAX 请求在 url 内发送 JSON 然后从 params 哈希值中提取该 JSON 另外 我将把 JSON 化的 ruby 哈希
  • Ajax调用完成后执行函数

    我是 Ajax 新手 我尝试在使用 for 循环时使用 Ajax Ajax 调用之后 我正在运行一个使用 Ajax 调用中创建的变量的函数 该函数只执行两次 我认为 Ajax 调用可能没有足够的时间在循环开始之前进行调用 有没有办法在运行
  • :目标选择器不适用于选项标签

    我试图在这里帮助一位 StackOverflow 成员 我发现 CSS target选择器不适用于选项标签 我创建了一个示例来说明使用w3schools 教程 http www w3schools com cssref tryit asp
  • Boolean("false") 返回 true..还有其他选择吗?

    我正在使用 jquery 将 true 和 false 字符串写入 data html 属性 但是 当我将 false 写入其中一个属性 然后检查它是否为 false 时 它 会返回 true 我还在网上读到它应该这样做 这真的毫无意义 有
  • asp.net mvc jquery 下拉验证

    我如何使用不显眼的 javascript 验证下拉列表 作为所需验证器的验证文本框 但它不适用于下拉列表 需要更改不显眼的 js 文件吗 或者还有其他选项来验证下拉列表吗 我想在我的 javascript 中检查 form validate

随机推荐

  • git 中的 ^{} 是什么意思?

    我在 git ls remote 命令末尾偶然发现了两个奇怪的字符 我想知道这是什么意思 0e4c39557ccb6789173c refs tags 2011 11 04 966f8df553f18c486820 refs tags 20
  • flutter android 应用程序 local_notifications flutter 中不显示通知图标

    我是颤振的新手 所以如果我的问题很简单 请不要杀我 通知图标不这样显示 我放入这条路径 android app src main res drawable 这是我的图标代码 final settingsAndroid AndroidInit
  • 谷歌分析与 Firebase

    我正在尝试将 Google Analytics 集成到我的 iOS 应用程序中 在分析页面 Google推荐下载 这个link 与 Cocoapods 一起使用 其中库附带 Firebase 我的问题是 为什么 Google 为 Fireb
  • 使用上下文管理器临时覆盖区域设置

    有没有办法在代码块的范围内临时激活区域设置 基本上 我想做这样的事情 locale setlocale locale LC NUMERIC nl BE utf8 像这样 with override locale locale LC NUME
  • LinearSnapHelper 不捕捉 RecyclerView 的边缘项目

    这是我之前的后续question 在我的应用程序中 我试图有一个水平RecyclerView自动捕捉到中心项目 为此 我附上了一个LinearSnapHelper到它 我还创建了一个项目装饰 为第一个 最后一个元素添加一些左 右填充 pub
  • Python 请求 - 在 HTTP POST 之后是否可以收到部分响应?

    我正在使用Python 请求模块对网站进行数据挖掘 作为数据挖掘的一部分 我必须通过 HTTP POST 发送表单 并通过检查生成的 URL 来检查它是否成功 我的问题是 在POST之后 是否可以请求服务器不发送整个页面 我只需要检查 UR
  • 如何比较 WiX 中的注册表版本?

    在我的 wix 安装程序中 我想检查 ESRI ArcMap 的版本 可以通过以下方式找到
  • 在一个语句中对 GETDATE 求值两次 - 它的求值结果总是相同吗?

    suppose isnull some column getdate gt getdate 其中逻辑是如果 some column 为 null 则该表达式应始终为 true 然而 这是否总是如此 因为在 getdate 的两次评估之间已经
  • 如何生成给定大小的所有子集?

    给定某个数字 n 和子集大小 我想获取集合 1 n 的指定大小的所有可能子集 预期结果为n 5 and subsetSize 4 1 2 3 4 1 2 3 5 1 3 4 5 1 2 4 5 2 3 4 5 那将是一个List
  • 使用 Tomcat,但出现 ClassNotFoundException:org.jboss.logging.BasicLogger

    我在 Eclipse 中使用 Tomcat 7 通过 JPA Hibernate 运行 REST Spring Web 应用程序 我在尝试启动部署了我的应用程序的 Tomcat 时遇到奇怪的 JBoss 错误 我不明白为什么在使用 Tomc
  • SQL 存储过程中的动态排序

    这是我过去花了几个小时研究的一个问题 在我看来 这是现代应该解决的问题RDBMS解决方案 但到目前为止 我还没有找到任何能够真正满足我认为在任何具有数据库后端的 Web 或 Windows 应用程序中非常常见的需求的东西 我说的是动态排序
  • 当我不使用 Promise 的“then”功能时,是否会产生任何(负面)副作用?

    我有一个返回 Promise 的函数 现在 有时消费者在该 Promise 上使用 then 功能是有意义的 但有时消费者根本不关心 Promise 何时解析 也不关心结果 换句话说 相同的函数也应该能够以 即发即忘 的方式调用 所以我想要
  • 在java中寻找CSS解析器[关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 我正在寻找 java 中的 CSS 解析器 特别是 我的要求是 对于 HTML 文档中的给定节点 元素 能够从解析器询问 获取该元素的 css 样式
  • 使用 python mechanize 进行复选框输入

    我想使用 python mechanize 填写表格 形式看起来像
  • 在 DOM 中存储数据

    我有一个书籍列表 我想存储每本书的数据 例如价格 数量 id 类别id 尺寸 重量等 我正在考虑通过使用数据属性扩展表示列表中每本书的 li 元素来将所有这些存储在 dom 中 然后可以通过 JavaScript 直接使用这些数据 然而 我
  • 调试 IIS 中托管的 asp.net WCF 服务

    我使用以下模板创建了 WCF 服务 http visualstudiogallery msdn microsoft com fbc7e5c1 a0d2 41bd 9d7b e54c845394cd 该服务有一个这样的方法 ServiceCo
  • 缩小图像以适合 ScrollViewer 尺寸

    我在相应地缩放图像时遇到了一些问题 我有一个Image在我的 XAML 中 带有ScrollViewer附加以便可以缩放 像这样
  • heroku:bash:捆绑:找不到命令

    我正在按照他们的说明将 Heroku 应用程序从 Aspen 移植到 Heroku 的 Cedar 堆栈 我正在进行最后的部署步骤 我收到此错误 2012 10 22T11 23 53 00 00 heroku web 1 Starting
  • 安全与不安全代码

    Read 这个问题今天关于安全和不安全的代码 然后我在MSDN但我还是不明白 为什么要在 C 中使用指针 这纯粹是为了速度吗 使用不安全代码有以下三个原因 API 如 John 所言 获取数据的实际内存地址 例如访问内存映射硬件 访问和修改
  • 用JS获取元素CSS3背景色渐变

    目前 我使用以下 JS jQuery 来查找其他几个 div 的背景颜色 作为 rgb theColor this css background color 除了 CSS3 渐变之外 它工作得很好 作为示例 我使用以下 css 使 div