Html z指数+；溢出：自动=错误？

我将弹出窗口作为

position:fixed

div，并通过层次结构

z-index

进行传播，以确保该div位于一切之上。一切都很好，除了一种情况，当Chrome draw在我的弹出窗口上滚动时，iOS safari会剪辑我的弹出窗口

我做了一个超小的复制品 注意，位置

绝对

和设置

z-index

对我来说非常重要

我急需一个解决办法

.scrollview{
z指数：1；
位置：绝对位置；
利润率：100像素；
宽度：200px；
高度：200px；
边框：纯灰1px；
溢出：自动；
}
.集装箱{
z指数：1；
位置：绝对位置；
宽度：1000px；
高度：1000px；
}
.工具提示{
z指数：1；
宽度：250px；
高度：50px；
边框：实心1px灰色；
背景：银；
位置：固定；
左：80px；
顶部：80px；
}

工具提示

好的，让我们试试这个我希望它有帮助：

.scrollview1
{
z指数：1；
位置：绝对位置；
利润率：100像素；
宽度：250px；
高度：200px；
}
.scrollview
{
z指数：1；
/*位置：绝对位置*/
/*利润率：100像素*/
宽度：200px；
高度：200px；
边框：纯灰1px；
溢出：自动；
}
.集装箱{
z指数：1；
/*位置：绝对位置*/
宽度：1000px；
高度：1000px；
}
.工具提示{
z指数：1；
宽度：250px；
高度：50px；
边框：实心1px灰色；
背景：银；
位置：固定；
左：80px；
顶部：80px；
}

工具提示

这似乎是一个chrome bug，一切正常FIferox@TemaniAfif不幸的是，不仅仅是chrome，我迫切需要一个解决办法。解决办法是从

scrollview

中删除z-index，我知道chrome中存在一些错误，父容器也必须是

position:absolute

，这样才能正常工作。你试过了吗？你能试着在“scrollview”div之外创建“tooltip”div并将z-index:2设置为“tooltip”吗？我接受这个答案，因为它在这种特殊情况下有效，希望它能帮助别人（在我更复杂的情况下，这还不够-iOS上仍然有问题）