2011-09-05 80 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