根據其他元素是否重疊來更改元素的z-index

我看到您可以使用z-index更改整個元素的優先級，但我想知道是否可以更改z-index的一部分一個元素只有一個更高的元素是「在其上面」（更高的元素具有更高的Z-索引）。根據其他元素是否重疊來更改元素的z-index

簡而言之，同一塊（一個方形的div元素）可以有多個不同的z-索引，並且可以在其他元素之上或之下滑動，或者是一個單元的z-index？像

footer{ 
    z-index: 5 
} 

div .slide-under-footer { 
    z-index: 10; 
} 

div .slide-under-footer:overlapping footer{ 
    z-index 0 
}

東西，我想我的項目，以優雅的頁腳下面滑動（頁腳固定在底部），因爲頁腳是透明的，我想看看在透明頁腳底部的背景下，並作爲向下滾動中間身體就是所有的卷軸。令人驚訝的是，現在我找到它了，我找不到一個示例網站

我寧願使用引導程序。

請注意

與

2015-08-13 codyc4321

基本上你要條件CSS？不，我不認爲我承認我不太明白你想要做什麼。 –

我真的只是想讓背景呈U形，並佔據頁面的整個左，右，底部......然後我希望身體可以滾動（身體可以餵食無限的對象，併成爲單頁，或者可以長時間滾動）。我真的不在乎我是怎麼做到的。雖然在他們的網站上我沒有看到引導示例 – codyc4321

當您向下滾動時，我只想要中間身體框進行更改。我有一個固定的頁腳和頭文件，使用簡單的引導程序，但現在身體超過了頁腳並佔據了頁面底部的中間部分（它覆蓋了圖片中帶有文字「Footer with background visible」的部分） – codyc4321

雖然我不能肯定我理解你的問題，我覺得你可以看一下CSS的堆疊內容，也許可以解決你的問題。

然而，並非所有的z索引都是相等的，但是：元素的z索引只能確定它相對於同一堆棧上下文中其他元素的排序。頁面上的大多數元素都位於單個根堆棧上下文中，但具有非自動z-index值的絕對或相對定位的元素會形成自己的堆棧上下文（即，它們的所有子元素都將在父元素中進行z順序排列，不與來自父母以外的內容交錯）。

一個例子：

如果元件A（固定）有z索引1，而另一個未定影元件B具有z索引2，另一個元件C（A的孩子）具有z索引3.如果你在Chrome中渲染它們，B高於C，因爲C在A的上下文中，而B在A，BCA之上。

帖子：

2015-08-13 15:13:11 NeoWang

回答