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

Question

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

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

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

更新

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

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

有时表有与之关联的样式，列的颜色可以从表，容器或实际上的任何地方继承。这就是我坚持在此使用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>

预览：

http://i39.tinypic.com/2r1z9lj.png

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