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

时间:2011-09-05 23:27:04

标签: jquery html css jquery-ui

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

似乎由于选项卡中的内容是动态生成的,因此它会获得更高的堆栈顺序,因此它与我的div元素重叠。有没有办法让div始终位于堆栈顺序的顶部?

我也尝试将.ui-tabs类的z-index顺序设置为0(不起作用)

2 个答案:

答案 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并链接到该页面。

一般来说:

  1. 订单和树级仍在计数;将超级元素直接放在<body>标记之后,即使它是单独放置的。
  2. 100的z-index不足以保证它具有最高价值。我见过sites use z-indices of 199999 (EG: div#control)或更高!
  3. 请注意opacity设置。
  4. 请参阅: