html - Z-Index 与 sibling 的 child

标签 html css z-index

如果我有

<div class="above-header">SOME STUFF</div>
<header>
    <div class="inside-header">SOME MORE STUFF</div>
</header>

inside-headerposition: absolute with z-index: 1, and above-header position: relativez-index: 10,为什么inside-header出现在above-header之上?

最佳答案

因为 .inside-header 是 header 的子元素,并且在 header 中是绝对定位的。所以你需要使 header position: absolute 与 z-index: 1

关于html - Z-Index 与 sibling 的 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20846806/

相关文章:

javascript - 使用 jQuery 在悬停时预览图库中的相应图像

php - 如何保护隐藏字段数据不被更改

jquery - 使用 jQuery,在关闭 HTML 标签后删除额外的 HTML 标记

css - 如何去除链接图像的背景?

css - 我怎样才能在自己的行/框内完美对齐文本?

css - 父位置 :absolute and children z-index

html - 子菜单重叠主菜单项

HTML5 Server 发送事件和多个客户端(不使用 Comet)

javascript - 使用 Opera OTransform 缩小或横向扩展网页

css - IE 10 Html 5 视频叠加文本(z-index)