javascript - 无法根据 z 索引使 iframe 内容与相邻 div 重叠

Question

我有一个具有鼠标悬停功能的 iframe，在鼠标悬停时显示面板，我想为该面板提供最高的 z-index，因为我希望它与页面中的所有其他元素重叠

但我不能这样做，因为面板 z:index 被信任到它的页面（iframe 页面）而不是包含 iframe 的父页面，所以每当它在触及周围的 div 时溢出，这里就是我的那个 iframe 的 HTML：

<div class="center_content" style="width:60% z-index:100">


  <div class="mainBar" style="position:relative;top:30px;">
 <iframe src="calender.aspx" width="100%" height="100%"  frameborder="0"  >                                      </iframe>
   </div>

以下是一些屏幕截图，以便更好地理解：

Answer 1

不幸的是，您不能使工具提示在iframeiframe 边界内重叠并使其在其父元素上也可见

我认为您需要检查该叠加层的位置并以不同方式对齐