html - z 索引溢出

标签 html css

我有以下 HTML 标记

<div id="main">
 <div id="div1" style="position:relative;"></div>
 <div id="div2" style="z-index:-1; position:relative; overflow:auto; height:500px;"></div> 
</div>

div2 中,我动态加载数据,内容可能超出 div 高度,因此我使用 overflow:auto 属性来显示滚动条。问题是滚动条出现在所有浏览器中,但它仅在 IE8/9、FireFox 和 Chrome 中工作。在其他浏览器中您会看到 滚动条,但没有功能。

最佳答案

您的 div2 的 z 索引为 -1。所以它落后了。这就是它不起作用的原因。

关于html - z 索引溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11482047/

相关文章:

jquery - 选择 DOM 元素并添加值

JQuery 菜单打开但随后消失

javascript - CSS 悬停在 classList 上

javascript - 如何在 Javascript 中的嵌套元素内设置占位符属性

jquery - 在 html 中的输入字段上设置和获取自定义属性

javascript - html 键码在 firefox 中不起作用

html - 表格不是为移动设计的 | CSS

css - 在 CSS 和 HTML 中将图像放置在彼此之上

css - wordpress 字体 css 在 firefox 中不起作用

javascript - document.querySelector 获取包含括号的类名