0

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

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

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

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

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

4

2 回答 2

2

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

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

于 2012-05-01T08:11:17.293 回答
0

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

于 2012-05-01T08:14:20.687 回答