2011-09-05 45 views
4

我有一个使用固定定位的div,它的z-index为100,我想要重叠页面上的所有其他元素。我有一些jQuery UI标签和动态生成的HTML问题。通过动态生成的html的z-index元素

看起来,由于标签中的内容是动态生成的,因此它获得更高的堆栈顺序,因此它与我的div元素重叠。有没有办法在堆栈顺序的顶部始终拥有div?

我也曾尝试设置的.ui的选项卡类0的z-index的顺序(没有工作)

回答

3

事实上,动态生成HTML应该对z索引没有影响。我认为你更可能在CSS上犯了一个错误。 Z-index可能是一个棘手的属性,但确保其正确工作的方法是在每个可能干扰它的元素上声明一个position:属性。这可能意味着您只需要声明position:relative,以及z-index:0就可以确保它们重叠的元素。

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

+0

是我使用 – chobo

1

你可能会写一些奇特的JS自动颠覆z-index,但我怀疑这是必要的。

更可能是HTML和CSS中存在错误。 链接到有问题的页面,或者将源码保存在pastebin.com并链接到该页面。

一般:

  1. 秩序和树级别仍然计数;将超级元素直接放在<body>标签之后,即使它们分开放置。
  2. A z-index of 100,不足以保证它具有最高的价值。我见过sites use z-indices of 199999 (EG: div#control)或更高!
  3. 小心opacity设置。

参见:

+0

插件我想我找到了这个问题的错误。看起来动态内容创建垂直滚动条时,这些滚动条会覆盖div的一部分。我不知道如何解决这个问题。我正在使用浏览器调整大小插件,所以当我稍微扩展页面时,位置被固定为处理滚动条。 – chobo

+0

解决。这是一个jquery插件计算左位置值的问题,所以我将其更改为正确的:0,并且没有问题。 – chobo