Question

$('.sn').css({'z-index':'-1000'}); （隐藏整个组）在加载整个类，并从该类我想显示或appy css $('#item1').css({'z-index':'1000'});（只显示组中的一个）动态点击一些元素但这不会发生请帮助我？当我使用hide（）＆amp; show（）方法工作正常。

//on click ..
$(document).on('click','#slider1prev',function(){   

    selected = selected-1;



    if(my_text != ""){
        $('#noteImage'+selected).css({'z-index':'1000'});
        $('#noteText'+selected).css({'z-index':'1000'});
    }

});

// ..的onload

$('.sn').css({'z-index':'-1000'});
$('.notes').css({'z-index':'-1000'});

Answer 1

为什么不使用show()和hide()方法？ Z-index只是更改元素的堆栈顺序，只能在positioned elements上运行。所以如果你想使用z-index。将元素position属性设置为absolute或fixed。

详细了解z-index。

所以不要做

.css({'z-index':'1000'});

DO

.css({'position': 'absolute', 'z-index':'1000'});

或

.css({'position': 'fixed', 'z-index':'1000'});

动态添加和删除z-index的css

1 个答案: