仅在应用程序 (iOS) 而非网站上呈现时我遇到了一些问题: 我必须使用没有任何其他库的纯 Javascript。
<div class="header" style="position:fixed; z-index: 99;"></div>
<div class="content" style="position:relative">
<div class="cover" style="position:absolute; z-index:999;"></div>
//some text content
</div>
Cover div 没有显示重叠的页眉。我该怎么办?
我希望最初用户会先看到封面,然后向上滚动然后看到固定的标题,最后看到内容。
我不想更改 HTML,因为当我将页眉放在内容 div 中时,页眉通常会跳转并在滚动内容 div 时花点时间回到正确的位置。
感谢您的帮助!
最佳答案
也给#content 一个 z-index 属性。比如说,100。
问题看起来像 z-index 上下文。 z-index 不是一个全局值——它是相对于它的父级的。你有带 z-index:99 的#header,它的兄弟#content 带 z-index:auto(为了论证的缘故,说 1)。 #header 总是与#content 及其子项重叠。
关于javascript - 按绝对比固定比相对的顺序显示三个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44628212/