位置的孩子的z-index是否有变通方法：修复了在Chrome中不起作用？

Question

Chrome处理位置下方的z索引：固定元素与Firefox或Safari不同。 - ＆GT; jsfiddle

来自亚当斯皮尔斯在另一个答案中，我已经了解到这是由于on mobile WebKit and Chrome 22+, position: fixed always creates a new stacking context, even when z-index is auto。

有解决方法吗？有什么方法可以阻止chrome创建新的堆叠上下文？替换位置：fixed几乎不是一个选项，因为它用于修复网站教程软件，该软件用z-index突出显示部分页面。

Answer 1

如果你将粉红色div的z-index设置为0，就像这样：

.div1 {
position: relative;
z-index: 0;
height: 100px;
background-color: pink;
}

你的绿色div的z-index为1，它将在chrome和firefox中显示。

Answer 2

我刚刚打开一个pull request，可以控制背景注入页面的位置。这不会阻止Chrome创建新的堆叠上下文，但至少可以让您将背景放置在与step元素相同的堆叠上下文中。如果接受，这可能会解决您的问题。