Javascript 反转div后面的颜色？

我不知道这是否可能，但我想反转被div重叠的区域中背景图像的颜色。我有一个覆盖整个页面的背景图像和一个位于图像顶部的水平透明div。这在javascript/css中可能吗？如果是，我应该如何处理

更多信息：该区域将横跨页面的宽度，高度约为100px

---

编辑：背景图像不在div中，但我希望div作为要反转的bg区域（或者甚至不使用div，直接处理图像）。

我认为如果您想通过代码进行操作，您可以通过定义边界的方式进行操作，使用重叠div窗口大小，或者您可以简单地编辑图像并反转区域

---

但当然，这取决于您是否想要一个可调整大小/可移动的窗口，或者您想要的其他想法。

这里有一个关于反转整个页面的问题：。你可以很容易地修改其中的一个解决方案（特别是），只将颜色反转应用于你的

。对不起，我编辑了我的文章以使其更清晰。我不想反转div本身，而是反转页面的背景图像。div将只作为反转的区域（或者我不应该使用div，而只是处理我想要的区域）。碰撞检测是一种完全不同的乐趣：@Charlie-看起来很有趣！虽然我认为如果我采取反转一个区域中所有像素的方法而不是担心元素冲突的话，这是没有必要的。但是你是如何定义这个区域的？谢谢你的链接。我希望能够滚动、调整大小等，我会添加一个JSFIDLE，但似乎您需要在运行代码的同一台服务器上有一个映像。因此，在getImageData函数中，每次执行这些操作时，只需定义边即可。