Question

看一看:

http://jsfiddle.net/PPSHd/" rel="no follow" >http://jsfiddle.net/PPSHd/

如预期的那样,在中流体上盘旋会触发所有中流体的盘旋事件。是否有办法可以改变在悬浮鼠标下仅第1个中流体的背景? 也就是说, 中流体上盘旋只会改变中流体的颜色?

编辑: 对于用户添加的任意数量的嵌套迪夫来说, 这需要可能性, 我可以用刺绣来做, 但更喜欢 CSS 解决方案。

我已经在使用:

(function(){
    var highlightedDiv;
    $(document.body).on( mouseover , div ,function(e){
        if(highlightedDiv){
            highlightedDiv.style.backgroundColor=  ;
        }
        (highlightedDiv=this).style.backgroundColor =  lightGray ;
        e.stopPropagation();
    });
}
)()

调

Answer 1

- 我看不出你怎样才能在CSS里做到

如果你乐于使用一些jQuery - 你可以做到这一点:

$("DIV").bind("hover",function(event){
    $(".Hover").removeClass("Hover");
    $(this).addClass("Hover");     
    event.stopPropagation();
 });

CSS :

div{
    padding-top:50px;
    margin:auto;
    border:1px solid lightGray;
    background:gray;
}
.Hover{
    background:lightGray;
}

关键在于阻止事件波及到其他 divs - 你 < a href=>"http://jsfidle.net/ QNBEe/" rel="no follow" > 可以在行动中看到。

Answer 2

您无法嵌套 divs。如果您把它们放在对方身上并设置 z- index, 您可以为此使用 cs 。

http://jsfiddle.net/t9znR/

友情链接