IE8 / jQuery - 淡入不显示淡入父边界之外的绝对定位子元素

Question

我已经为此苦苦挣扎了几天，我放弃了。

我有一个 div，其中包含一个 .hover 目标，以及一个在该目标悬停后显示的 div。该子 div 由跨度和段落组成，跨度绝对定位为部分位于 div 之外。

在现代浏览器中，这一切都很好地淡入，但在 IE

我尝试过使用不同的 jQuery 选择器，编写自定义淡入淡出函数来移除过滤器，将父元素绝对定位在屏幕外以试图强制浏览器不使用 DirectX，等等。

JSBin 显示问题（仅限 IE8 或更低版本）： http://jsbin.com/emegas/3/edit

HTML：

<div class="tooltip">
  <span class="pointer">hover here</span>
  <div class="tip">
    <span class="tipPointer"></span>
    <p>asdasdas.</p>
  </div>
</div>

jQuery:

$('.pointer').hover(function(){
    $(this).next('.tooltip .tip').stop(true, true).fadeIn(1000);
}, function(){
    $(this).next('.tooltip .tip').stop(true, true).hide();
});

如果可能的话，我怎样才能让跨度与父级同时淡入？

Answer 1

在 IE7 和 IE8 中运行良好。我能想到的唯一问题是您的 IE8 版本存在一些溢出错误。尝试添加溢出：可见；到 CSS 中的两个元素。