如何修復覆蓋「z-index：-1」規則的背景顏色

如果妳把background-color或background-image到功能區的家長或HTML正文，:after和:beforeborder-color沒有顯示出於某種原因色帶，即使有z-index: -1。

原因是，父母的background-color隱藏它，但我無法找到一個解決方案使用背景顏色和功能區：之後和：在邊界顏色。

2016-02-13 diti

隨着z-index: -1您定位對象的背景<div/>它沒有堆疊內容後面。給它一個z-index，它會工作：

<div class="col-md-6" style="background-color:blue;z-index:0"> 
    <!-- ... --> 
</div>

這裏是一個codepen fork

2016-02-13 13:19:49

謝謝，這似乎是設置中的z-指數：0;父'是正確的解決方案，我認爲'在任何沒有設置的元素上，z-index'默認爲** 0 ** – diti

回答