我有一个使用固定定位的div,其z-index为100,我希望与页面上的所有其他元素重叠。我在使用jquery ui标签和动态生成的html时遇到了一些问题。
似乎由于选项卡中的内容是动态生成的,因此它会获得更高的堆栈顺序,因此它与我的div元素重叠。有没有办法让div始终位于堆栈顺序的顶部?
我也尝试将.ui-tabs类的z-index顺序设置为0(不起作用)
答案 0 :(得分:3)
动态生成HTML的事实应该对z-index没有影响。我认为你犯CSS的可能性更大。 Z-index可能是一个棘手的属性,但确保它正常工作的方法是在每个可能会干扰它的元素上声明一个position:属性。这可能意味着您只需要在要确保它重叠的元素上声明position:relative,以及z-index:0。
如果您可以发布生成的HTML&影响它的CSS(即在页面中加载动态生成的HTML之后),这也可能有所帮助。
答案 1 :(得分:1)
你或许可以编写一些自动碰撞z-index的花哨的JS,但我怀疑这是必要的。
更有可能HTML和CSS中存在错误。 链接到相关网页,或将来源保存在pastebin.com并链接到该页面。
一般来说:
<body>
标记之后,即使它是单独放置的。z-index
不足以保证它具有最高价值。我见过sites use z-indices of 199999 (EG: div#control)或更高!opacity
设置。请参阅: