Javascript 在css/js/jquery/html中应用玫瑰色或更改整个文档的亮度？

是否有更好的实践来实现这一点？目前，我使用的是一个宽度/高度为100%的不透明红色div，更高的z索引和指针事件：无一个允许下面的一切工作

另外，我希望能够使整个文档变暗，我是否可以应用任何类型的亮度属性，或者我是否可以再次在所有内容上放置一个不透明的黑色层

只是想知道我是不是走错了路。如果js/jquery解决方案更高效，我也会对它们感兴趣，我也不担心与旧浏览器的兼容性

**如果有人能告诉我最简单的方法，让所有东西都变成黑白的话，我也会非常感激。

一个WebKit独有的功能：

-webkit-filter: grayscale; /* Turn everything black and white */
-webkit-filter: brightness(20%); /* Make stuff brighter */

您可以使用

色调旋转

更改色调，具体取决于您的常规配色方案。如果这一切都不同，你需要一个自定义过滤器，这是比较困难的，我现在正在做的过程

您可以使用

body {
 opacity: 0.8; // Any value between 0 & 1 where is 0 in invisible & 1 is 100% opaque
 }

但由于这将是在白色背景下，我不确定它会给你想要的输出。如果你想在整个屏幕上添加滤色器，你必须添加覆盖层，就像你说的，下面的任何东西都不会起作用

-webkit-CSS属性只适用于Chrome和safari

…是否有任何类型的亮度属性可以应用或将应用 同样，最好在所有东西上涂上一层不透明的黑色

最简单的方法是：

$（'body'）.css（'opacity'，'0.3'）。如果要更改背景颜色，可以将其应用于html节点：
$（'html'）.css（'background'，'#000'）

**如果有人能告诉我最简单的方法，使一切黑白的，我也非常感谢

在Internet Explorer中，您可以使用。使用
-webkit过滤器：灰度用于Chrome/Safari。在Mozilla和Opera中也可能实现，但我不确定。
看起来您希望整个页面（包括“底层”DOM元素）都是特定的色调，而仅仅更改主体颜色或不透明度是不可能的。您需要的是类似jQuery的插件。如果我没有弄错的话，还有一个选项允许用户在UI被“阻止”时与页面元素进行交互。
看起来很理想，但无法在最新的chrome上运行，我做错了什么@毛：它对我有用。。。也许只是在Chrome Canary和网络工具包上。抱歉，很酷，谢谢，我完全忘了我可以直接在身体上应用不透明度，也可以在画布上应用。无法让webkit过滤器工作，但谢谢，我可能只针对webkit浏览器