如何獲得沒有背景的元素顏色？

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值可以告訴你這一點。