草庐IT

background-color

全部标签

javascript - 有没有办法在 JS 中比较两种颜色,比如 'If Color A is darker than #202020'

我的一个页面的背景颜色是从用户设置为他们的Twitter背景颜色的背景颜色中提取的。我有一个带有黑色边框的圆框的页面。如果背景颜色很暗,边框看起来不太好,所以我想删除比任意十六进制颜色更暗的背景边框。我考虑这样做的方法是使用正则表达式提取3个RGB值并将它们相加,然后将其与我的引用颜色进行比较。有没有更好的方法来实现这一目标? 最佳答案 您可以编写一个在RGB和HSL或HSV之间转换的函数,并使用亮度或亮度值。维基百科有HSV->RGB转换的数学,但没有其他方法。http://en.wikipedia.org/wiki/HSL_an

javascript - DOM 背景颜色传播闪烁继承 Google Chrome 中的初始背景颜色,使用主题切换来重载主体背景颜色

我目前正在为我的网站开发一个主题切换器,它使用Javascript/jQuery来使用由按钮切换的lightmode()/darkmode()函数来操纵Body.bg颜色。我想要做的是在主体背景颜色与淡入淡出之间创建无缝过渡。我已经制作并创建了它,但问题是当主题读取存储类型时,它会在Chrome和ChromeCanary中快速闪烁,但在Safari和Catalina的SafariTechPreview中它可以无缝工作。但是,当用户切换到白色然后单击导航链接时,我一直遇到一个问题,这会导致暗模式主题黑色闪烁。我的网站开始时启用了暗模式,bodybg=#0a0a0a,但是当它切换到白色并更

javascript - Background.js 无法正常工作 Chrome 扩展

我是chrome扩展的新手,似乎无法弄清楚背景概念是如何工作的。我正在构建一个计数器扩展,即使当用户关闭扩展(而不是浏览器)并想做一个简单的测试,看看我是否能弄清楚如何使用后台文件时,它也会继续计数。下面是我尝试创建一个功能,每次用户单击一个选项卡(在我的扩展程序之外)时激活该功能,当他们单击5个选项卡时,警报会触发。我不明白为什么这不起作用。背景.js:varcounter=0;chrome.browserAction.onClicked.addListener(function(tab){counter++;if(counter==5){alert("Hi");}});list.j

javascript - 我可以用 JavaScript 检测我们在 CSS 关键帧动画中的百分比明智吗

我在想。我知道我可以通过监听animationstart、animationiteration、animationend事件(显然我们缺少浏览器前缀)来检测CSS动画何时开始、结束或重复,例如:document.getElementById('identifier').addEventListener("animationstart",function(){//dosomething...});但我想知道,是否有可能确定我们在哪里运行CSS动画,例如,当我们处于关键帧动画的50%时,我如何监听以下内容:#animateDiv{width:100px;height:100px;backg

javascript - 如何在 "background"/不卡住 UI 中运行 javascript 函数

我已经完成了一个HTML表单,它在许多不同的选项卡中有很多问题(来自数据库)。然后用户给出这些问题的答案。每次用户更改选项卡时,我的Javascript都会创建一个保存。问题是每次更改选项卡时我都必须遍历所有问题,并且每次都会卡住表单大约5秒钟。我一直在寻找如何在后台运行保存功能的答案。显然没有真正的方法可以在后台运行某些东西,许多人建议使用setTimeout();例如这个Howtogetagroupofjsfunctionrunninginbackground但是这些例子都没有解释或考虑到即使我使用像setTimeout(saveFunction,2000);这样的东西也不能解决我

javascript - 如何使用 javascript 激活 CSS3 (webkit) 动画?

我真的卡住了。我想要我创建的CSS动画(如下)在单击div时激活。我认为我能做到的唯一方法是使用javascript创建一个onClick事件。但是我不知道如何运行/引用我的css文件中的动画。谁能帮帮我?这是我的css文件中的动画,我想通过单击一个div来运行它。@-webkit-keyframescolorchange{0%{background-color:red;opacity:1.0;-webkit-transform:scale(1.0)rotate(0deg);}33%{background-color:blue;opacity:0.75;-webkit-transfor

javascript - 来自 popup.js 的 Chrome 扩展程序 : Access to variables of a background. js

如果我使用chrome.extension.getBackgroundPage(),我可以像这样访问background.js的变量:背景.js:vartransfer='sometext';弹出.js:chrome.extension.getBackgroundPage().transfer但是this说我只得到一个窗口对象(但也许“窗口”之前的“JavaScript”意味着什么......)。如何访问后台变量? 最佳答案 是的,窗口前的“javascript”一词确实意味着它返回javascript文件(页面)backgroun

javascript - jquery dataTable改变行颜色

我正在使用JQuery数据表,我需要更改鼠标悬停事件(突出显示的行)上的行的颜色我试过:table.displaytr.even.row_selectedtd{background-color:red;}table.displaytr.odd.row_selectedtd{background-color:blue;}JSFiddle 最佳答案 试试这个CSS:table.displaytbodytr:nth-child(even):hovertd{background-color:red!important;}table.disp

javascript - Chrome 扩展 : How to get current webpage url from background. html

据我所知,直接获取tab.url是不可能的(只能在popup.html中实现)并且进行消息传递也需要打开popup.html。无论如何绕过这个并从background.html获取当前页面url?我最擅长的是消息传递,我在background.html中使用了这段代码varbg=chrome.extension.getPopupPage();varmyURL=bg.myURL;然后在popup.html中我有:chrome.tabs.getSelected(null,function(tab){varmyURL=tab.url;})无论如何,以上根本不起作用。有人知道无需实际打开弹出窗

JavaScript - 如何在 Mouseover/Mouseout 上同时更改 TR 中所有 TD 的背景颜色?

当我连续mouseover一个TD时,我希望所有TD同时更改背景颜色,然后在mouseout上反转。我该怎么做? 最佳答案 在CSS中你可以这样做trtd{background-color:white}tr:hovertd{background-color:black};或者只是tr{background-color:white}tr:hover{background-color:black};如果tds没有自己的背景色。两者都应在鼠标悬停时使行变黑,否则变白。当然你也可以用Javascript来做,但这不是必需的(IE6除外,它不