Mouseenter仅在IE9中透明div的边框上触发

Question

在我的代码中,我有一个id为'SIAinfoBox'的div,它将加载不同的细节,具体取决于鼠标当前所处的div.我将以下两个监听器附加到每个相关的div:

$(annoDiv).mouseover(function(event){
                event.stopPropagation;
                $('#SIAinfoBox').empty();
                $('#SIAinfoBox').append(details);
                $('#SIAinfoBox').css('visibility','visible');
            });
$(annoDiv).mouseleave(function(event){
                event.stopPropagation;
                $('#SIAinfoBox').empty();
                $('#SIAinfoBox').css('visibility','hidden');
            });

这些div没有背景颜色设置,但有1px纯黑色边框.在Firefox中,一切运行良好.但是在Internet Explorer中,仅当鼠标位于div的边界上时才会填充SIAinfoBox.在div中移动它似乎会触发mouseleave事件,并删除内容并隐藏div.如果我设置背景颜色,它的工作方式与预期的一样,但没有背景颜色(或透明),它不起作用.我也尝试使用mouseenter而不是mouseover,但结果相同.为什么InternetExplorer表现得像那样,或者我该怎么做才能实现我目前在FF for IE中获得的结果呢？

Answer 1

我有类似的IE相关问题,比如这个 - 你可以制作一个透明的png并将背景设置为"url(images/transparent.png)重复滚动0 0透明" - SmokeyPHP

没有找到他的评论,所以我把它作为答案移到这里.可在以下链接中找到透明图像:

答案: style ="background:url(images/transparent.png)重复滚动0 0透明"

透明的GIF: http ://www.golivetutor.com/download/spacer.gif