- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在编写小型 firefox 插件,以便在晚上舒适地阅读页面。它应该反转页面颜色但不反转图像。代码是:
document.body.style.filter = "invert(100%)";
var imgs = document.getElementsByTagName("img");
for (var i = 0; i < imgs.length; i++) {
imgs[i].style.removeProperty("filter"); // NOT WORKING
imgs[i].style.filter = "invert(0%)"; // NOT WORKING EITHER
}
问题是它没有按预期工作 - 图像仍然是倒置的,though inspect 元素在 firefox 中显示它们具有适当的 invert(0%) 样式。
最佳答案
如果您反转正文,则意味着所有 它的内容都被反转了。要以原始颜色显示图像,您需要再次反转,即应用 invert(100%)
给他们。
请注意,这与 CSS 继承不同,过滤器在概念上适用于将框的像素合成到其父级上时,图像在 <body>
内框,这就是为什么它们也会倒置。
小旁注:您可能希望将其应用于 document.documentElement
或 :root
选择器——在大多数情况下是 <html>
节点——因为主体可以小于视口(viewport)。另一件需要考虑的事情是嵌套在倒置文档中的框架。
关于javascript - 覆盖 CSS 过滤器反转在 Mozilla Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39664797/
有没有人能够构建静态链接的 NSS?我实际上只需要构建静态链接的 certutil 和 pk12util。我已经看到 Chromium 正在静态构建 NSS,他们甚至有一个补丁文件,但整个构建过程非常
我正在尝试使用下面的 css 和 html 代码在弹出窗口的底部应用空间,因为我只有 mozilla 浏览器有问题,我在弹出窗口的末尾没有获得空间。下面是我的代码我已经使用过,但我需要减少 chrom
我使用下面的行,这样当我单击“新建”按钮时,它将清空所有字段。使用 onClick="history.go(0)"在 IE 中有效,但在 Mozilla 中失败。 最佳答案 要清空所有字段,请使
我尝试在一个简单的 A-Frame WebVR 应用程序上禁用检查器,但没有成功。 尝试使用 JavaScript 来使用并禁用按键 Ctrl + Alt + I。但是,Inspector 仍在加载。
我正在做一个项目,现在正在测试中。需要使网站与所有现代兼容,并至少使它们与每个主要浏览器的 2 个旧版本兼容。 为此,我在 IE 中使用了 IE F12 工具,以切换到 IE 9、8、7 View 。
我在项目中将gulp与autoprefixer一起使用,并且必须像这样使用背景渐变: background: linear-gradient(#e98a00, #f5aa2f); 但输出是: back
如果我想限制电子邮件地址访问网站,使用 Persona 有哪些优势?我必须以相同的方式管理我服务器上的授权电子邮件地址吗?缺少什么? 最佳答案 在您的网站上使用 Persona 的两个主要优点是: 您
Thunderbird的过滤机制非常适合简单的事情。 但我想做类似的事情 (如果邮件包含xy或发件人为yz)并且状态已读取,请移至回收站 问题是,一个过滤器规则只能匹配任何(= OR)或所有(= AN
有一个奇怪的 webVR Mozilla A-Frame 问题 所以我在 a-curvedimage 标签中加载图像(里面有一些动画内容),如下所示: 我正在检查 chrome 中的网络
我觉得其中缺少了一些东西。这是: 嵌套函数和闭包 您可以在函数中嵌套函数。嵌套(内部)函数对其包含(外部)函数是私有(private)的。它还形成了一个封闭。闭包是一个表达式(通常是一个函数),它可以
JS BIN Attempt 尝试按照示例进行操作,但似乎不起作用。有点困惑,因为它是 Mozilla。 Mozilla 最佳答案 正如 @Xaerxess 提到的,当 DOM 准备好进行操作时,您需
我需要制作一个可以在每个页面和浏览器上运行的按钮,可以从文本区域复制输入。我正在尝试使用以下函数来做到这一点: selectElementContents: function(){ el
我需要一个粘性栏在一定的滚动后可见并固定。我打算使用滚动事件,然后我遇到了 Mozilla 页面,该页面建议使用 window.requestAnimationFrame 如下: var last_k
我希望我的元素具有多种颜色的清晰背景渐变。在 Chrome 上运行良好,但在 Firefox 上过渡时边缘模糊。 这里有一些例子: 火狐: Chrome : 如何让它在 Firefox 上运行? .f
为什么这是Webkit用户代理: Mozilla/5.0 (Windows NT 6.0; WOW64) AppleWebKit/534.27+ (KHTML, like Gecko) Version
我正在尝试使用 JavaScript 创建一个游戏,但在此过程中我发现了 Firefox 中的一个错误。游戏很简单。您应该猜测 RGB 十六进制代码中的颜色是什么。有6个框,您应该单击该框,如果错误或
我在 Mozilla 和 Chrome 中都有一个扩展,在我的扩展中我调用了一个远程 JS 文件。 为了避免 Chrome 中的 CSP,我将规则添加到 manifest.json 并且我的文件通过
我找到了一种将我的 Chrome 扩展程序转换为模块的便捷方法(更易于维护等)。我是这样做的https://stackoverflow.com/a/53033388/9182284 (把backgro
我有以下代码来设置选择框的样式,它在 chrome 中完美运行,但在 mozilla fire fox 27.0 中运行不正常 .select-box { line-height: inhe
我没有询问变换原点。我问为什么动画在 mozilla 上不起作用 我一直在 Mozilla 上做一些动画 svg。我在 Chrome 中尝试过的动画效果非常好,但是当我在 mozilla 上测试时效果
我是一名优秀的程序员,十分优秀!