如何获得没有背景的元素颜色？

Question

如何有效地获得没有背景的元素的颜色，但是他的父母之一呢？ 例如，这是3级深度设置：

• TOP1是红色的
• TOP2是绿色的
• TOP3没有定义背景颜色，但它是绿色的。

我没有问题写一个函数来通过父母发现并查找backgroundColor属性，但我相信它不是真的可靠而且浏览器会很糟​​糕。

UPDATE

我可能想澄清为什么我想要这样的事情。

我的一个案例：我正在构建一个表的粘性标题，它将克隆表的第一组列并在用户滚动非常宽的表时粘贴它们（位置：固定）。 因此他们可以看到他们正在查看的列。

有时表有与之关联的样式，列的颜色可以从表，容器或实际上的任何地方继承。 这就是我坚持在此使用JavaScript解决方案的原因。

Answer 1

没有办法计算TOP3的背景。 如果未设置其背景，则它是透明的。 因此，它具有低于它的任何颜色。

例：

 <div style="background: red; width: 100px; height: 100px"> TOP1 <div style="background: green; width: 80px; height: 80px"> TOP2 <div style="width: 60px; height: 100px; border: solid 1px yellow"> TOP3 </div> </div> </div> 

预习：

TOP3是半绿色，半白色。 没有CSS值可以告诉你这一点。