html - 与其他浏览器相反，IE7 绝对位置从行首开始

Question

我创建了一个 fiddle 来说明这个问题:

http://jsfiddle.net/vZtBb/

这完全符合我的要求，但问题是在 IE7 中，绝对定位的跨度(hover-tooltip-container)从行的顶部开始，而不是像底部一样它在其他浏览器中也是如此。如果为 hover-tooltip-container 添加边框，您可以看到这一点。

这是一个问题，因为我希望工具提示向上，但 anchor 仍然暴露。您也应该能够将鼠标悬停在工具提示上，但 IE7 中的缺陷使这成为不可能。

如果有任何方法可以让 hover-tooltip-container 跨度在 IE7、IE8 和 FFX 中的同一行开始，那将是完美的。

Javascript 不是解决方案。

Answer 1

您可以使用现有代码做的最简单的事情是添加一个星形 hack 来调整 .hover-tooltip 中的 bottom 规则，适用于 IE7。

.hover-tooltip {
   display: block;
   padding: 15px;
   position: absolute;
   margin: 0 auto;
   bottom: 1em;
   *bottom: 0;
   width: 100%;
   border: 2px outset #c0c0c0;
   background-color: #f0f0f0;
   text-align: center;
}

但是，.hover-tooltip-container 和 .hover-tooltip 的双重嵌套绝对位置似乎是不必要的。