gpt4 book ai didi

html - z-index 不适用于溢出重叠和滚动条

转载 作者:太空宇宙 更新时间:2023-11-04 15:27:34 25 4
gpt4 key购买 nike

我遇到了以下问题:

我正在尝试显示一些 <div.content>里面有内容。大小限制为 <div.holder>作为 overflow 的 parent 设置,以便您可以向下滚动以查看所有 <div.content> . <div.content><div.holder> 重叠用于造型目的。所有东西都包裹在 <div.container> 中.

但是 <div.content>不会显示在 <div.holder> 上带有 z-index 的元素或任何东西。它呈现在 <div.holder> 中元素,没有滚动条,它呈现在外面,就像我想要的那样。

如何获得滚动条和 <div.content>将重叠其父项 <div.holder>

这是 Fiddle对于这个问题。谢谢。

编辑:

试图完成这个: Photoshoped result example for the fiddle

为此样式目的: Use case

这可能吗?我不一定只使用 HTML 和 CSS,只需要它开始工作即可。

最佳答案

Z-index 仅适用于有位置的元素。所以它没有对 .foo 做任何事情 http://www.w3schools.com/cssref/pr_pos_z-index.asp

关于html - z-index 不适用于溢出重叠和滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13830549/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com