Answers:
在基于WebKit的浏览器中,可以添加以下样式来实现颜色反转:
html { -webkit-filter: invert(); }
遗憾的是,我们目前正在等待Firefox中的实施:https : //developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility
Firefox中的等效项如下所示:
html {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");
}
结果并没有那么好:
这是WebKit的书签(需要加载jQuery):
javascript:$("html").css("-webkit-filter","invert()")
(编辑:只是意识到小书签在Firefox中不起作用,因为Mozilla决定不支持Invert。但是页面上有一个jQuery链接可以执行相同的操作。)您可以在此页面上使用小书签: http:/ /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/
操作系统?我的Mac上有一个应用程序Nocturne,它可以全面反转颜色。与仅按ctrl-option-cmd-F8相似。我不知道在Windows上执行此操作的方法。夜曲会稍微好一点,因为它会调整颜色,而不仅仅是反转颜色,使夜晚或在昏暗的灯光下观看效果更好。这样做的好处是,不仅是Firefox页面,所有内容都将被切换,并且您不必在每次加载新页面时都重新应用它。