固定位置破坏 z-index

Question

我有一个需要修改的网页，背景当前使用 z-index 进行绝对定位以将其向后推，滚动时需要保持原状，我需要将其更改为固定，但这样做似乎会破坏 z-索引并将其下方的内容垂直推入。有任何想法吗？

编辑：好的，我设法让它在 FF 中工作，但 IE 仍然损坏......

Answer 1

\n\n

堆叠上下文中的堆叠顺序

\n\n

元素的顺序：

\n\n

堆叠上下文\xe2\x80\x99s 根元素（<html>默认情况下该元素是唯一的堆叠上下文，但任何元素都可以是堆叠上下文的根元素，请参阅下面的规则）\n\n
- 您不能将子元素放在根堆叠上下文元素后面
具有负 z-index 值的定位元素（及其子元素）（较高的值堆叠在较低的值前面；具有相同值的元素根据 HTML 中的外观堆叠）
非定位元素（按 HTML 中的外观排序）
z-index 值为\xc2\xa0auto\xc2\xa0 的定位元素（及其子元素）（按 HTML 中的外观排序）
具有正 z-index 值的定位元素（及其子元素）（较高的值堆叠在较低的值前面；具有相同值的元素根据 HTML 中的外观堆叠）

\n\n

\n\n

当一个元素是文档的根元素（the <html>element）时
当元素的位置值不是 static且z-index 值不是 auto 时
当元素的不透明度值小于 1 时
一些较新的 CSS 属性也会创建堆叠上下文。其中包括：转换、过滤器、CSS 区域、分页媒体以及可能的其他内容。请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
作为一般规则，如果 CSS 属性需要在屏幕外上下文中渲染，则它必须创建一个新的堆叠上下文。

\n