我有一个 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/