代码之家  ›  专栏  ›  技术社区  ›  JiminyCricket

悬停在IE不工作时,悬停在全div

  •  1
  • JiminyCricket  · 技术社区  · 14 年前

    所以在这个例子中,如果我滚动显示main div的showingtext部分,hiddentext div就会显示出来。但是,如果我将鼠标移到两个浮动div之间的空间(这里现在有文本或其他内容),则悬停不起作用。

    下面的代码似乎有效,但我的生产代码无效。请参考此链接: jsfiddle.net/H2anm/5 有一些断开的图像之类的,但是如果您将鼠标移到元素上,进入用户名、位置坐标和首选品牌:游戏厅。。或者共享/书签链接周围的一些空白,div折叠,按钮/bg颜色更改消失。

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

    <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>
    
    3 回复  |  直到 14 年前
        1
  •  2
  •   montrealist    14 年前

    http://jsfiddle.net/ZDyyU/

    如果你把鼠标移到房间里的任何东西上 .DivThatsTriggeredOnRollover ,的 .hiddentext 将显示和隐藏当你鼠标出来。 .showingtext

        2
  •  2
  •   Community CDub    8 年前

    在IE7中,如果在一个较大的div中有多个float,并且在其中一个内部floating div中指定了一个宽度,那么 have to specify a width in the outermost ones 也。我不知道为什么会这样,但在我的代码版本中已经修复了: http://jsfiddle.net/H2anm/8/

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

        3
  •  1
  •   user372551 user372551    14 年前

    你的密码看起来很完美。不知道出了什么问题

    http://jsbin.com/udaqi4