顯示在css圖像後面的javascript工具提示

Question

我從第三方提供商處將事件列表日曆拉入我的網站。它被拉入一個簡單的JavaScript調用，並已被放置在我的網站上的div。當鼠標懸停在某個事件上時，您會看到一個工具提示彈出窗口，其中顯示了更多關於它的信息（全部由JavaScript驅動）。我使用CSS將圖像作爲div的背景，但工具提示彈出窗口出現在CSS源圖像後面。我試圖設置一個z-index爲0的主div來拉動背景圖像，然後爲我的javascript嵌套一個z-index爲1的第二個div，但它沒有做任何事情。

我沒有權限編輯第三方日曆系統的任何JavaScript，因此修復必須在我自己的網站上完成。不幸的是，我不認爲自己是網絡開發專家，所以可能有一個我找不到的簡單答案，但現在我很難過。

有什麼建議嗎？謝謝！

Answer 1

它看起來像你試圖爲其父元素已經有z-index的元素設置z索引。這是不可能的。如果要在工具提示元素上設置不同的z-index，它必須位於第一個div之外。

Answer 2

如果您可以向我們展示一些代碼，這將非常有幫助。

z-index不起作用的主要原因可能是您忘記了設置位置。 Z-index僅適用於定位元素（位置：絕對，位置：相對或位置：固定）。

第二個原因可能是@kremalicious提到的原因。爲子元素設置更高的z-index。