4

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

在此处输入图像描述

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

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

更新

我可能想澄清为什么我想要这样的东西。

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

有时表格具有与之关联的样式，并且列具有可能从表格继承的颜色，它是容器或实际上任何地方。这就是为什么我坚持使用 JavaScript 解决方案。

4

1 回答 1

4

没有办法计算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 值可以告诉您这一点。

于 2013-06-10T11:05:23.663 回答