Question

我正在使用jquery addClass代码在滚动div时显示/隐藏元素。在所有浏览器中它都可以工作，但在IE中它只能在翻转一些文本时起作用，而不是完整的div。

所以在这个例子中，如果我翻转主div的showstext部分，隐藏文本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>

Answer 1

实际上，一切都按预期工作（在IE6-7-8中测试）：

http://jsfiddle.net/ZDyyU/

如果您将鼠标悬停在.DivThatsTriggeredOnRollover内的任何内容上，则.hiddentext会在您鼠标移出时显示并隐藏。 .showingtext在这方面不起任何作用，只是在那里。

Answer 2

结果表明，在IE7中，如果你在一个较大的div中有多个浮点数并且你在一个内部浮动div中指定了一个宽度，那么你也可以have to specify a width in the outermost ones。我不确定为什么会出现这种情况，但我的代码版本已修复：http://jsfiddle.net/H2anm/8/

我需要指定整个外部div的宽度，因为我为灰色div指定了一个。在此之前，如果我从红色/灰色滚下来，悬停翻转不起作用。

Answer 3

你的代码似乎很完美。不知道出了什么问题

<强> http://jsbin.com/udaqi4

当鼠标悬停在完整的div上时，将鼠标悬停在IE中

3 个答案: