我正在从第三方提供商处将事件列表日历提取到我的网站。它是通过简单的javascript调用引入的,并且已被放置在我的网站上的div中。将鼠标悬停在某个事件上时,会出现一个工具提示弹出窗口,其中显示有关该事件的更多信息(全部由javascript驱动)。我正在使用CSS将图像作为div的背景,但工具提示弹出窗口出现在CSS源图像的后面。我试图为拉动背景图像的主div设置一个0的z-index,然后为我的javascript嵌套第二个div,其z-index为1,但它没有做任何事情。
我无权编辑第三方日历系统的任何javascript,因此必须使用我在自己网站上可以执行的任何操作来完成修复。不幸的是,我不认为自己是网络开发的专业人士,所以很可能有一个非常简单的答案,我找不到,但现在我很难过。
有什么建议吗?谢谢!
答案 0 :(得分:1)
看起来您正在尝试为其父元素已具有z-index的元素设置z-index。那是不可能的。如果要在工具提示元素上设置不同的z-index,则必须在第一个div之外。
答案 1 :(得分:1)
如果您能向我们展示一些代码,那将非常有用。
z-index不起作用的主要原因可能是你忘了设定位置。 Z-index仅适用于定位元素(位置:绝对,位置:相对或位置:固定)。
第二个原因可能是@kremalicious提到的那个。将更高的z-index设置为子元素。