jquery 悬停() IE7 和 IE8

Question

使用 jQuery 1.5.1在以下位置尝试了这段代码: head 部分以及行内、文档就绪函数以及 out 。没有什么能让它发挥作用，我被难住了。它适用于所有其他浏览器。

应该发生的情况是，当用户将鼠标悬停在类为“lsr”的 div 上时，会出现另一个带有 display:none 的 div。

<script type="text/javascript"> 
    $(document).ready(function() {
        $("div.lsr").hover(
            function() { $("#lsr").show(); },
            function() { $("#lsr").hide(); }
        );
    });
</script>
...
<div class="lsr"></div>

<div id="lsr""> Some Text appears </div>

好吧....所以答案是IE不喜欢空的div。它显然不会渲染它。我发现的最好的解决方案是在空 div 上使用以下 CSS...我尝试添加填充，但没有任何效果。有效的方法是在空 div 上使用以下 CSS。

.lsr {
  ...
  background-color: #fff;
  filter:alpha(opacity=0);
  opacity:0.0;
}

Answer 1

• 您的div.lsr没有内容，这将使其很难将鼠标悬停在其上(取决于您的 CSS)
• 您还有一个额外的"上<div id="lsr"">

如果我解决这些问题，它对我来说效果很好:JSFiddle

根据评论进行编辑 IE 在识别 div 上的事件时遇到问题没有内容并且有 position: absolute 。要修复此问题，请尝试使用不同的 CSS 定位，或将内容添加到 div (例如 )