悬停在IE不工作时，悬停在整个div

我使用jQuery addClass代码来显示/隐藏元素时滚动div。在所有的浏览器，它的工作原理，但在IE浏览器只适用于我滚动一些文本，而不是完整的div。悬停在IE不工作时，悬停在整个div

所以在这个例子中，如果我翻转主div的showstext部分，hiddentext div会显示。但如果我将鼠标放在两个浮动div之间（现在有文本或任何东西），悬停不起作用。

更新：下面的代码似乎工作，但我的生产代码没有。请参阅以下链接：jsfiddle.net/H2anm/5有一些破损的图像等，但如果您将鼠标移到元素右边的用户名右侧的空白处，位置坐标和Pref.brand：Gamehouse ..或某些周围Share/Bookmark链接的空白区域，div折叠和按钮/ bgcolor改变消失。

的javascript：

$(function() { 
$("div.DivThatsTriggeredOnRollover").hover( 
function() { $("div.hiddentext").addClass("hiddentextShow"); }, 
function() { $("div.hiddentext").removeClass("hiddentextShow"); }); 
});

伪HTML代码：

<div class="DivThatsTriggeredOnRollover" style="width:500px;"> 

<div id="showingtext" style="float:left;width:100px;"> 
here is showing text 
</div> 

<div class="hiddentext" style="float:right;width:100px;"> 
here is hidden text 
</div> 

</div>

来源

2010-08-23 JiminyCricket

原来，在IE7，如果你有一个更大的div内的多个浮标和你在内部浮动的div一个指定的宽度，你have to specify a width in the outermost ones作为好。即时通讯不知道为什么是这种情况，但它已被固定在我的代码版本在这里：http://jsfiddle.net/H2anm/8/

我需要指定整个外部div的宽度，因为我已指定一个灰色div。在此之前，如果我滚下红/灰色悬停翻转没有工作。

来源

2010-08-30 03:24:45 JiminyCricket

奇怪的错误，感谢您发布后续行动。 – 2011-10-08 08:33:11