-1

我有一個我需要修改的網頁，當前用z-index將它推回去的背景，在滾動時需要保持放置，我需要將它改爲固定，但是這樣做似乎會破壞z-index並將其內容垂直地推到它下面。有任何想法嗎？固定定位破壞z-index

編輯： OK我設法得到它在FF工作，但IE仍然是斷開...

2011-03-03 GeekGirl

你有一些代碼或鏈接，我們可以看到？ – Kyle 2011-03-03 14:33:42

首先關閉當前的z-index？爲什麼不把背景設置爲身體的背景圖？ – benhowdle89 2011-03-03 14:35:08

.MainBG_Gradiant_Top { \t float：left; \t寬度：100％; \t top：500px; \t left：0px; \t z-index：-1; \t身高：90％; \t position：absolute; \t background-image：url（'/ images/portal/BodyGradiant.png'）; \t background-repeat：repeat-x; } – GeekGirl 2011-03-03 14:54:58

Made a quick test。在使用position: fixed;時，z-index最簡單的形式不會中斷。

來源

2011-03-03 14:38:29 Kyle

也許你可以將已經存在的背景放在整個頁面的包裝中，而是使用身體上的漸變背景。

根據漸變，你也可以嘗試在身體的背景上使用css3漸變（或簡單地使用多個背景...），並使用css3pie使其在IE中工作。

來源

2011-03-03 15:08:01 jeroen

也許看下面的規則如何堆疊元素。 The Stacking order and stacking context rules below are from this link

堆疊堆疊內容

元素的順序中的順序：

堆疊上下文的根元素（<html>元件是默認僅堆疊環境，但任何元件可以是請參閱以下規則）
- 您不能將子元素置於根堆棧上下文之後元素
具有負z-索引值的定位元素（及其子元素）（較高值堆疊在較低值前面;具有相同值的元素根據HTML中的外觀進行堆疊）
非定位元素（通過HTML中的外觀排序）
帶有z-index值爲auto的定位元素（及其子元素）外觀在HTML）
定位元件（和他們的孩子）與正的z索引值（較高的值被堆疊在較低值的前端，用相同的值元件根據在HTML外觀）

堆疊

當堆疊上下文形成時

當元件是一個文件，（所述<html>元件）的根元素
當一個元件具有比靜態和比自動
當一個元素有其他的z索引值以外的位置值不透明度值小於1
幾個較新的CSS屬性也創建堆疊上下文。其中包括：變換，過濾器，CSS區域，分頁媒體以及其他可能的媒體。請參閱https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
作爲一般規則，看起來如果CSS屬性需要在離屏上下文中進行渲染，則必須創建新的堆疊上下文。

來源

2017-02-06 20:39:54

固定定位破壞z-index

回答

堆疊堆疊內容

當堆疊上下文形成時

相關問題