Javascript 更改父对象背景色上的div颜色

我正在尝试根据立方体的背景颜色进行更改。我希望通过给一个元素一点透明的背景和一个过滤器来反转其父背景的颜色，这是可能的。但当然，它只是颠倒了自己的颜色

在本例中，它通过告诉javascript在例如document.height处更改背景颜色来使用javascript。但我也希望它在图像上反转颜色

有没有什么方法可以做到这一点？使用：hover可以执行如下操作。section1:hover cube{…}那么是否有一个伪元素，如：overlapping

.立方体{ 位置：固定； 高度：50px； 宽度：50px； 左：计算50vw-25px； 底部：50px； 背景色：RGBA255255.2； -webkit过滤器：100%； 过滤器：100%； } .科{ 高度：600px； 宽度：100vw； } .第1节{ 背景色：AAFF； } .第2节{ 背景色：ffaaa； } .第3节{ 背景色：AAFFAA； } 也许你正在寻找：

.立方体{ 位置：固定； 高度：50px； 宽度：50px； 左：计算50vw-25px； 底部：50px； 背景色：RGBA255、255、255； 混合模式：差异化； } .科{ 高度：600px； 宽度：100vw； } .第1节{ 背景色：AAFF； } .第2节{ 背景色：ffaaa； } .第3节{ 背景色：AAFFAA； } 也许你正在寻找：

.立方体{ 位置：固定； 高度：50px； 宽度：50px； 左：计算50vw-25px； 底部：50px； 背景色：RGBA255、255、255； 混合模式：差异化； } .科{ 高度：600px； 宽度：100vw； } .第1节{ 背景色：AAFF； } .第2节{ 背景色：ffaaa； } .第3节{ 背景色：AAFFAA； }

---

这正是我想要的，太棒了！唯一的缺点是它不适合IE，但我认为没有很多其他选择。@Jeremy谁是IE。。。从来没有听说过：即大多数时候是你发现的红色恼人街区；这正是我想要的，太棒了！唯一的缺点是它不适合IE，但我认为没有很多其他选择。@Jeremy谁是IE。。。从来没有听说过：即大多数时候是你发现的红色恼人街区；