保护细分背景

Question

我有一个div（在div内），当我改变upper-div的背景时，我想保持其背景不变。

有没有办法保存子div的背景属性？

P.S：我无法手动将子div的背景更改为旧值。那是因为它有

td.name:before {
    clip: rect(0px, 490px, 20px, 0px);
    white-space: nowrap;
    content:
    position: absolute;
    z-index: -1;
}

在里面，当我改变页面的背景时，我失去了“内容”。

Answer 1

您孩子的背景，如果明确设定，不会受其父母的背景影响。在下面的示例中，您可以看到我们为两个元素明确设置了背景规则。因此，父母背景不会影响孩子的背景。

这不是color属性的情况。因为我们为父级而不是子级设置它，所以子级从父级继承它的颜色。

<style>
  #parent {
    background: red;
    color: white;
  }
  #child {
    background: green;
  }
</style>
<div id="parent">
  <p>I am white text</p>
  <div id="child">
    <p>I am also white text</p>
  </div>
</div>

演示：http://jsbin.com/emajit/edit#html,live

Answer 2

子div的堆栈顺序导致了问题。更改了“z-index”值并完成了。