Question

当我将鼠标悬停在某个链接上时，我就会显示出来。这些工具提示显示列标题的过滤选项。工具提示包含文本，下拉列表或文本框。在Firefox和Chrome中，CSS工作正常，但在IE7 +中存在问题。

工具提示显示在页面上所有其他对象的顶部（按照预期），除了原始锚点链接和悬停在其上的图像。这些将在工具提示及其内容的顶部呈现。
当包含下拉列表时，工具提示会在鼠标光标打开下拉列表并移动到DDL的列表框时消失。我假设当光标在列表上移动时，它不再悬停在工具提示上，并且它会关闭。 IE在告诉工具提示时遇到问题，当鼠标悬停在DDL列表上时，它实际上是悬停在工具提示本身上。

我的CSS很直接：

ul li a:hover { background: #88f; border-style: none; }
.tooltip{
   z-index:25;
   border: none;
   color: inherit;
}

.tooltip:hover { z-index:25; position:relative;}

.tooltip span.tooltip_actual { display: none; }

.tooltip:hover span.tooltip_actual {
   display:block;
   position:absolute;
   top:-1em; left: -42em; width: 40em;
   border:1px solid #000;
   background-color: #fff; color:#000;
   text-align: left; padding: 1em; 
}

之前是否有人遇到此问题并且有解决方法吗？

编辑：这是工具提示错误： enter image description here

编辑＃2：以下是我的代码示例：http://jsfiddle.net/NAXrc/

Answer 1

IE7 已知道z-index的错误。

如果你能提供测试用例，我可以给你一个更好的答案。

否则，我所能做的只是指向这些资源：

然而在 IE7 + 中存在问题。

IE8 / 9中不应存在这些问题。您的页面是否未使用IE8 / 9标准模式？

如果您的页面使用兼容模式（模拟IE7）或Quirks模式，这可以解释为什么7以上的版本也会出现问题。

IE工具提示在IE7 +中呈现问题

1 个答案: