Css Webkit取消反转反转（）图像？

我在css中的一些图像上使用了invert（），它正确地反转了它们，但是（这是我的问题）当我再次在它们上运行invert（）以使它们恢复正常时，它们并不完全相同。亮度或对比度会发生变化，有点褪色。为什么会这样？有什么办法可以解决？有类似的revert（）函数吗？invert（）对图像的具体作用是什么

蒂亚

---

更新；这是理解问题的最好方法（带有注释）：

您正在使用两个不同的选择器应用相同的CSS指令

执行此操作时，指令不会应用两次。其中一个被另一个覆盖：

不太重要的一个被取消，而更重要的一个被应用。但两者是相同的，因此该指令只适用一次

要取消第一个声明而不重新应用它，请在第二个声明中将指令设置为

none

：

---

PS

invert（）亮度（100%）对比度（100%）

组合为我生成一个空白的白色图像。如果您试图将其设置为空白，请使用

visibility:hidden
img {
  -webkit-filter: invert();
}

#photo1 {
   -webkit-filter: none;

}

这是你的解决方案。img将被反转（或任何你想要的），但是id=photo1的img将不会。
请注意，并不是撤销元素中的效果，而是覆盖它，因此转换永远不会发生。
可以发布到示例图像的链接吗？类似这样的内容：JSFIDLE似乎没有运行invert（），但会在图像上执行两次；这应该可以恢复它，但是可以通过在chrome中运行相同的代码来清除它。看看你是否得到同样的结果我应该提到这个问题正在影响所有的Chrome版本，包括我目前运行的Chrome 26。。。我只关心在Chrome浏览器中修复它，webkit过滤器：无；下面的内容对我不适用。为了简单起见，假设我正在反转我的网页，并希望保留原始图像。以这种方式使用上面的方法看起来是这样的：html{webkit filter:invert（）；}img{webkit filter:none；}这不起作用，除非我显式地将其更改为img{webkit filter:invert（）；}想法、想法、解决方案？你们太棒了！抱歉我迟到了，但这太棒了，我不知道我可以用“无”代替“重新反转”。谢谢，我会在上午进行测试，并在这里发帖，以防其他人也有同样的问题。所以这对我不起作用？为了简单起见，假设我正在反转我的网页，并希望保留原始图像。以这种方式使用上面的方法看起来是这样的：html{webkit filter:invert（）；}img{webkit filter:none；}这不起作用，除非我显式地将其更改为img{webkit filter:invert（）；}想法、想法、解决方案？你们太棒了！将初始反转应用于父对象，而不是图像。考虑使用<代码> HTMG{{WebKiToMult:反相（）；} LoMaOs，这是我用JSBIN陈述我的问题的最有说服力的方式：好的，我的解决方案不适用于您的代码。你能告诉我你为什么要这么做吗？这是一些非常奇怪的东西，CSS不应该以这种方式使用。
img {
  -webkit-filter: invert();
}

#photo1 {
   -webkit-filter: none;