z-index来进行button隐藏操作

##z-index 简介

  • 你定义的CSS中有position属性值为absolute、relative或fixed,用z-index此取值方可生效。
  • 此属性参数值越大,则被层叠在最上面。

button下面的名字

此处用来隐藏button,实际上并没有使button消失,而是利用z-index将其遮蔽

.bestbuy .bname{
    position: relative;
    background: #ffffff;    //很重要,保证button不会显示出来
    z-index: 10;
}

.bbtn{
    position:absolute;   //很重要,要操作动态效果必须是absolute
    z-index:4;
}

$(function(){

        $(".bbig li").each(function(){
            $(this).sfHover({
                hoverEvent: function(){
                    if ($(this).find(".gWindow").length > 0){
                        $(this).find(".yoke_hot_bbtn").hide();
                    }else{
                        $(this).find(".yoke_hot_bbtn").show();
                        $(this).find(".yoke_hot_bbtn").animate({top:"136px"},300);
                    }
                },
                outEvent: function(){
                    $(this).find(".yoke_hot_bbtn").animate({top:"161px"},300);
                }
            });
        });
    })