jquery - 动态生成的 html 上的 z-index 元素

标签 jquery html css jquery-ui

我有一个 div,它使用 z-index 为 100 的固定定位,我想与页面上的所有其他元素重叠。我在使用 jquery ui 选项卡和动态生成的 html 时遇到了一些问题。

看来由于tab中的内容是动态生成的,所以获得了更高的栈序,所以和我的div元素重叠了。有没有办法让 div 始终位于堆栈顺序的顶部?

我还尝试将 .ui-tabs 类的 z-index 顺序设置为 0(没有用)

最佳答案

HTML 是动态生成的这一事实应该不会影响 z-index。我认为您更有可能在 CSS 上出错。 Z-index 可能是一个棘手的属性,但确保它正常工作的方法是在每个可能会干扰它的元素上声明一个 position: 属性。这可能意味着您只需要在要确保重叠的元素上声明 position:relative 和 z-index:0。

如果您可以发布生成的 HTML 和影响它的 CSS(即在页面中加载动态生成的 HTML 之后),这也可能有所帮助。

关于jquery - 动态生成的 html 上的 z-index 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7313551/

相关文章:

javascript - cytoscape.js 和 canvasXpress 混合

css - 将鼠标悬停在任一元素上时更改图像和背景颜色

CSS - 如何停用 :hover pseudo class in IE 6

jquery - 为什么fadeOut()会等待delay()而hide()不会呢?

javascript - jQuery 查找具有一个数据键和多个值的数据属性

javascript - AngularJS问题: Directive not called on Second Page after Routing

javascript - 触发点击标签不会在其单选按钮上运行 ng-change

javascript - 无论如何隐藏网页上的菜单/标题并在 x 秒后自动显示文本?

python - findall() 函数中使用 beautiful soup 的 2+ 正则表达式参数

html - div 中的背景未在 Bootstrap 中调整大小