保護子部門背景

Question

我有一個div（div內），我想保持其背景不變，當我改變上部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

孩子div的堆疊順序是造成問題。更改了「z-index」值並完成了。

Answer 2

您的孩子的背景，如果明確設置，不會受其父背景的影響。在下面的例子中，您可以看到我們明確設置了這兩個元素的背景規則。因此，父母背景不會影響孩子的背景。

這不是顏色屬性的情況。因爲我們將它設置爲父級而不是子級，則子級從父級繼承其顏色。

<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