Javascript 如何反转div后面部分页面内容的颜色？

是否可以使用css（最好）或javascript中的invert类反转div后面的所有颜色？

filter:invert（100%）

似乎只影响div中的内容

html{
框大小：边框框；
最小高度：100%；
}
*，*：之前，*：之后{
框大小：继承；
}
.倒置{
过滤器：倒置（100%）；
-webkit过滤器：倒置（100%）；
位置：绝对位置；
宽度：50%；
排名：0；
底部：0；
左：50%；
z指数：0；
}
.饲料{
边际：0px；
填充：25px；
颜色：白色；
背景：黑色；
位置：绝对位置；
文本对齐：右对齐；
宽度：50%；
排名：0；
底部：0；
左：25%；
z指数：-1；
}
布莱克先生{
宽度：50px；
高度：50px；
背景：黑色
}
h1{
字号：26px；
}

空位
喂

将invert类放在你的身体上，这样应该会得到想要的效果。

很抱歉标题错误，我已经更正了它。这将反转整个页面，我只想要div后面的部分，它将把页面呈现到画布上，然后反转其中的一个象限。没有通过CSS覆盖反转过滤器的方法。这将向您展示如何将DOM渲染到画布：